Chart.js

# インターフェース: LineControllerDatasetOptions

# 階層

# プロパティ

# animation

• animation: false | AnimationSpec<"line"> & { onComplete?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void ; onProgress?: (this: Chart<keyof ChartTypeRegistry, (number | [number, number] | Point | BubbleDataPoint)[], unknown>, event: AnimationEvent) => void }

# 継承元

AnimationOptions.animation

# 定義場所

types/index.d.ts:1747 (新しいウィンドウが開きます)

# animations

• animations: AnimationsSpec<"line">

# 継承元

AnimationOptions.animations

# 定義場所

types/index.d.ts:1757 (新しいウィンドウが開きます)

# backgroundColor

• backgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# 継承元

ScriptableAndArrayOptions.backgroundColor

# 定義場所

types/index.d.ts:1807 (新しいウィンドウが開きます)

# borderCapStyle

• borderCapStyle: Scriptable<CanvasLineCap, ScriptableContext<"line">>

線の端のスタイル。MDNを参照してください。

デフォルト

'butt'

# 継承元

ScriptableOptions.borderCapStyle

# 定義場所

types/index.d.ts:1887 (新しいウィンドウが開きます)

# borderColor

• borderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# 継承元

ScriptableAndArrayOptions.borderColor

# 定義場所

types/index.d.ts:1806 (新しいウィンドウが開きます)

# borderDash

• borderDash: Scriptable<number[], ScriptableContext<"line">>

線の破線。MDNを参照してください。

デフォルト

[]

# 継承元

ScriptableOptions.borderDash

# 定義場所

types/index.d.ts:1892 (新しいウィンドウが開きます)

# borderDashOffset

• borderDashOffset: Scriptable<number, ScriptableContext<"line">>

線の破線のオフセット。MDNを参照してください。

デフォルト

0.0

# 継承元

ScriptableOptions.borderDashOffset

# 定義場所

types/index.d.ts:1897 (新しいウィンドウが開きます)

# borderJoinStyle

• borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableContext<"line">>

線の結合スタイル。MDNを参照してください。

デフォルト

'miter'

# 継承元

ScriptableOptions.borderJoinStyle

# 定義場所

types/index.d.ts:1902 (新しいウィンドウを開きます)

# borderWidth

• borderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

# 継承元

ScriptableAndArrayOptions.borderWidth

# 定義元

types/index.d.ts:1805 (新しいウィンドウを開きます)

# capBezierPoints

• capBezierPoints: Scriptable<boolean, ScriptableContext<"line">>

trueにすると、ベジェ制御点をグラフ内に保持し、falseにすると制限を設けません。

デフォルト

true

# 継承元

ScriptableOptions.capBezierPoints

# 定義元

types/index.d.ts:1907 (新しいウィンドウを開きます)

# clip

• clip: number | false | ChartArea

chartAreaに対するクリップ方法。正の値はオーバーフローを許可し、負の値はchartAreaの内側でそのピクセル数だけクリップします。0 = chartAreaでクリップします。クリッピングは、辺ごとに設定することもできます: clip: {left: 5, top: false, right: -2, bottom: 0}

# 継承元

ControllerDatasetOptions.clip

# 定義元

types/index.d.ts:75 (新しいウィンドウを開きます)

# cubicInterpolationMode

• cubicInterpolationMode: Scriptable<"default" | "monotone", ScriptableContext<"line">>

適用する補間モード。

デフォルト

'default'

# 継承元

ScriptableOptions.cubicInterpolationMode

# 定義元

types/index.d.ts:1912 (新しいウィンドウを開きます)

# fill

• fill: Scriptable<FillTarget | ComplexFillTarget, ScriptableContext<"line">>

折れ線グラフとレーダーチャートの両方で、データセットオブジェクトにfillオプションをサポートしており、これを使用して2つのデータセット間、またはデータセットと境界（つまり、スケール原点、開始または終了）の間に領域を作成できます。

# 継承元

ScriptableOptions.fill

# 定義元

types/index.d.ts:1926 (新しいウィンドウを開きます)

# hidden

• hidden: boolean

データセットの表示状態を設定します。trueに設定すると、グラフからデータセットが非表示になります。

デフォルト

false

# 継承元

ControllerDatasetOptions.hidden

# 定義元

types/index.d.ts:93 (新しいウィンドウを開きます)

# hoverBackgroundColor

• hoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# 継承元

ScriptableAndArrayOptions.hoverBackgroundColor

# 定義元

types/index.d.ts:1813 (新しいウィンドウを開きます)

# hoverBorderCapStyle

• hoverBorderCapStyle: Scriptable<CanvasLineCap, ScriptableContext<"line">>

# 継承元

ScriptableOptions.hoverBorderCapStyle

# 定義元

types/index.d.ts:1944 (新しいウィンドウを開きます)

# hoverBorderColor

• hoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

# 継承元

ScriptableAndArrayOptions.hoverBorderColor

# 定義元

types/index.d.ts:1812 (新しいウィンドウを開きます)

# hoverBorderDash

• hoverBorderDash: Scriptable<number[], ScriptableContext<"line">>

# 継承元

ScriptableOptions.hoverBorderDash

# 定義元

types/index.d.ts:1945 (新しいウィンドウを開きます)

# hoverBorderDashOffset

• hoverBorderDashOffset: Scriptable<number, ScriptableContext<"line">>

# 継承元

ScriptableOptions.hoverBorderDashOffset

# 定義元

types/index.d.ts:1946 (新しいウィンドウを開きます)

# hoverBorderJoinStyle

• hoverBorderJoinStyle: Scriptable<CanvasLineJoin, ScriptableContext<"line">>

# 継承元

ScriptableOptions.hoverBorderJoinStyle

# 定義元

types/index.d.ts:1947 (新しいウィンドウを開きます)

# hoverBorderWidth

• hoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

# 継承元

ScriptableAndArrayOptions.hoverBorderWidth

# 定義元

types/index.d.ts:1811 (新しいウィンドウを開きます)

# indexAxis

• indexAxis: "x" | "y"

グラフの基準軸。縦型グラフの場合は'x'、横型グラフの場合は'y'です。

デフォルト

'x'

# 継承元

ControllerDatasetOptions.indexAxis

# 定義元

types/index.d.ts:71 (新しいウィンドウを開きます)

# label

• label: string

凡例やツールチップに表示されるデータセットのラベル。

#

ControllerDatasetOptions.label

# 定義元

types/index.d.ts:79 (新しいウィンドウで開く)

# normalized

• normalized: boolean

Chart.jsは、データがユニークでソートされ、データセット間で一貫したインデックスを持ち、かつ`normalized: true`オプションを指定することで、そのことをChart.jsに知らせる場合、最も高速に動作します。

# 継承元

ControllerDatasetOptions.normalized

# 定義元

types/index.d.ts:63 (新しいウィンドウで開く)

# order

• order: number

データセットの描画順序。積み重ね、ツールチップ、凡例の順序にも影響します。

# 継承元

ControllerDatasetOptions.order

# 定義元

types/index.d.ts:83 (新しいウィンドウで開く)

# parsing

• parsing: false | { [key: string]: string; }

データセットの解析方法。チャートオプションまたはデータセットで `parsing: false` を指定すると、解析を無効にできます。解析が無効になっている場合、データはソートされている必要があり、関連するチャートタイプとスケールが内部で使用する形式である必要があります。

# 継承元

ControllerDatasetOptions.parsing

# 定義元

types/index.d.ts:54 (新しいウィンドウで開く)

# pointBackgroundColor

• pointBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

ポイントの塗りつぶし色。

# 継承元

ScriptableAndArrayOptions.pointBackgroundColor

# 定義元

types/index.d.ts:2023 (新しいウィンドウで開く)

# pointBorderColor

• pointBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

ポイントの境界線の色。

# 継承元

ScriptableAndArrayOptions.pointBorderColor

# 定義元

types/index.d.ts:2027 (新しいウィンドウで開く)

# pointBorderWidth

• pointBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

ポイントの境界線の幅（ピクセル単位）。

# 継承元

ScriptableAndArrayOptions.pointBorderWidth

# 定義元

types/index.d.ts:2031 (新しいウィンドウで開く)

# pointHitRadius

• pointHitRadius: ScriptableAndArray<number, ScriptableContext<"line">>

マウスイベントに反応する、非表示ポイントのピクセルサイズ。

# 継承元

ScriptableAndArrayOptions.pointHitRadius

# 定義元

types/index.d.ts:2035 (新しいウィンドウで開く)

# pointHoverBackgroundColor

• pointHoverBackgroundColor: ScriptableAndArray<Color, ScriptableContext<"line">>

ホバー時のポイントの背景色。

# 継承元

ScriptableAndArrayOptions.pointHoverBackgroundColor

# 定義元

types/index.d.ts:2054 (新しいウィンドウで開く)

# pointHoverBorderColor

• pointHoverBorderColor: ScriptableAndArray<Color, ScriptableContext<"line">>

ホバー時のポイントの境界線の色。

# 継承元

ScriptableAndArrayOptions.pointHoverBorderColor

# 定義元

types/index.d.ts:2058 (新しいウィンドウで開く)

# pointHoverBorderWidth

• pointHoverBorderWidth: ScriptableAndArray<number, ScriptableContext<"line">>

ホバー時のポイントの境界線の幅。

# 継承元

ScriptableAndArrayOptions.pointHoverBorderWidth

# 定義元

types/index.d.ts:2062 (新しいウィンドウで開く)

# pointHoverRadius

• pointHoverRadius: ScriptableAndArray<number, ScriptableContext<"line">>

ホバー時のポイントの半径。

# 継承元

ScriptableAndArrayOptions.pointHoverRadius

# 定義元

types/index.d.ts:2066 (新しいウィンドウで開く)

# pointRadius

• pointRadius: ScriptableAndArray<number, ScriptableContext<"line">>

ポイント図形の半径。0に設定すると、ポイントはレンダリングされません。

# 継承元

ScriptableAndArrayOptions.pointRadius

# 定義元

types/index.d.ts:2039 (新しいウィンドウで開く)

# pointRotation

• pointRotation: ScriptableAndArray<number, ScriptableContext<"line">>

ポイントの回転角度（度単位）。

# 継承元

ScriptableAndArrayOptions.pointRotation

# 定義元

types/index.d.ts:2043 (新しいウィンドウで開きます)

# pointStyle

• pointStyle: ScriptableAndArray<PointStyle, ScriptableContext<"line">>

ポイントのスタイル。

# 継承元

ScriptableAndArrayOptions.pointStyle

# 定義元

types/index.d.ts:2047 (新しいウィンドウで開きます)

# segment

• segment: Scriptable<{ backgroundColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderCapStyle: Scriptable<CanvasLineCap, ScriptableLineSegmentContext> ; borderColor: Scriptable<Color, ScriptableLineSegmentContext> ; borderDash: Scriptable<number[], ScriptableLineSegmentContext> ; borderDashOffset: Scriptable<number, ScriptableLineSegmentContext> ; borderJoinStyle: Scriptable<CanvasLineJoin, ScriptableLineSegmentContext> ; borderWidth: Scriptable<number, ScriptableLineSegmentContext> }, ScriptableContext<"line">>

# 継承元

ScriptableOptions.segment

# 定義元

types/index.d.ts:1932 (新しいウィンドウで開きます)

# showLine

• showLine: boolean

# 定義元

types/index.d.ts:213 (新しいウィンドウで開きます)

# spanGaps

• spanGaps: number | boolean

trueの場合、データがない、またはnullのポイント間に線が描画されます。falseの場合、NaNデータのポイントは線に切れ目を作成します。スパンする最大ギャップ長を指定する数値にすることもできます。値の単位は、使用されるスケールによって異なります。

デフォルト

false

# オーバーライド

ScriptableOptions.spanGaps

# 定義元

types/index.d.ts:211 (新しいウィンドウで開きます)

# stack

• stack: string

このデータセットが属するグループのID（積み重ねられた場合、各グループは別々のスタックになります）。

# 継承元

ControllerDatasetOptions.stack

# 定義元

types/index.d.ts:88 (新しいウィンドウで開きます)

# stepped

• stepped: Scriptable<boolean | "middle" | "after" | "before", ScriptableContext<"line">>

trueの場合、線をステップ線として表示します（テンションは無視されます）。

デフォルト

false

# 継承元

ScriptableOptions.stepped

# 定義元

types/index.d.ts:1922 (新しいウィンドウで開きます)

# tension

• tension: Scriptable<number, ScriptableContext<"line">>

ベジェ曲線テンション（ベジェ曲線を使用しない場合は0）。

デフォルト

0

# 継承元

ScriptableOptions.tension

# 定義元

types/index.d.ts:1917 (新しいウィンドウで開きます)

# transitions

• transitions: TransitionsSpec<"line">

# 継承元

AnimationOptions.transitions

# 定義元

types/index.d.ts:1758 (新しいウィンドウで開きます)

# xAxisID

• xAxisID: string

このデータセットをプロットするX軸のID。

# 定義元

types/index.d.ts:201 (新しいウィンドウで開きます)

# yAxisID

• yAxisID: string

このデータセットをプロットするY軸のID。

# 定義元

types/index.d.ts:205 (新しいウィンドウで開きます)

← LineElement →