# インターフェース: RadarControllerDatasetOptions
# 階層
ScriptableAndArrayOptions
<PointOptions
&PointHoverOptions
&PointPrefixedOptions
&PointPrefixedHoverOptions
,ScriptableContext
<"radar"
>>ScriptableAndArrayOptions
<LineOptions
&LineHoverOptions
,ScriptableContext
<"radar"
>>AnimationOptions
<"radar"
>↳
RadarControllerDatasetOptions
# プロパティ
# animation
• animation: false
| AnimationSpec
<"radar"
> & { 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
<"radar"
>
# 継承元
AnimationOptions.animations
# 定義元
types/index.d.ts:1757 (新しいウィンドウで開きます)
# backgroundColor
• backgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.backgroundColor
# 定義元
types/index.d.ts:1807 (新しいウィンドウで開きます)
# borderCapStyle
• borderCapStyle: ScriptableAndArray
<CanvasLineCap
, ScriptableContext
<"radar"
>>
ラインキャップスタイル。MDNを参照してください。
デフォルト
'butt'
# 継承元
ScriptableAndArrayOptions.borderCapStyle
# 定義元
types/index.d.ts:1887 (新しいウィンドウで開きます)
# borderColor
• borderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.borderColor
# 定義元
types/index.d.ts:1806 (新しいウィンドウで開きます)
# borderDash
• borderDash: ScriptableAndArray
<number
[], ScriptableContext
<"radar"
>>
ラインダッシュ。MDNを参照してください。
デフォルト
[]
# 継承元
ScriptableAndArrayOptions.borderDash
# 定義元
types/index.d.ts:1892 (新しいウィンドウで開きます)
# borderDashOffset
• borderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ラインダッシュオフセット。MDNを参照してください。
デフォルト
0.0
# 継承元
ScriptableAndArrayOptions.borderDashOffset
# 定義元
types/index.d.ts:1897 (新しいウィンドウで開きます)
# borderJoinStyle
• borderJoinStyle: ScriptableAndArray
<CanvasLineJoin
, ScriptableContext
<"radar"
>>
線の結合スタイル。MDNを参照してください。
デフォルト
'miter'
# 継承元
ScriptableAndArrayOptions.borderJoinStyle
# 定義元
types/index.d.ts:1902 (新しいウィンドウで開きます)
# borderWidth
• borderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.borderWidth
# 定義元
types/index.d.ts:1805 (新しいウィンドウで開きます)
# capBezierPoints
• capBezierPoints: ScriptableAndArray
<boolean
, ScriptableContext
<"radar"
>>
true の場合、ベジェ曲線の制御点をチャート内に保持し、false の場合は制限なし。
デフォルト
true
# 継承元
ScriptableAndArrayOptions.capBezierPoints
# 定義元
types/index.d.ts:1907 (新しいウィンドウで開きます)
# clip
• clip: number
| false
| ChartArea
chartAreaに対するクリップ方法。正の値はオーバーフローを許可し、負の値はchartAreaの内側をそのピクセル数だけクリップします。0 = chartAreaでクリップ。クリップは、辺ごとに構成することもできます: clip: {left: 5, top: false, right: -2, bottom: 0}
# 継承元
# 定義元
types/index.d.ts:75 (新しいウィンドウで開きます)
# cubicInterpolationMode
• cubicInterpolationMode: ScriptableAndArray
<"default"
| "monotone"
, ScriptableContext
<"radar"
>>
適用する補間モード。
デフォルト
'default'
# 継承元
ScriptableAndArrayOptions.cubicInterpolationMode
# 定義元
types/index.d.ts:1912 (新しいウィンドウで開きます)
# drawActiveElementsOnTop
• drawActiveElementsOnTop: ScriptableAndArray
<boolean
, ScriptableContext
<"radar"
>>
データセットのアクティブな要素を、他の要素の上に描画します。
デフォルト
true
# 継承元
ScriptableAndArrayOptions.drawActiveElementsOnTop
# 定義元
types/index.d.ts:2008 (新しいウィンドウで開きます)
# fill
• fill: ScriptableAndArray
<FillTarget
| ComplexFillTarget
, ScriptableContext
<"radar"
>>
線グラフとレーダーチャートの両方で、データセットオブジェクトにfillオプションがサポートされており、2つのデータセット間、またはデータセットと境界(スケールの原点、開始点、終了点など)の間に領域を作成するために使用できます。
# 継承元
ScriptableAndArrayOptions.fill
# 定義元
types/index.d.ts:1926 (新しいウィンドウで開きます)
# hidden
• hidden: boolean
データセットの可視状態を設定します。trueに設定すると、データセットがチャートから非表示になります。
デフォルト
false
# 継承元
ControllerDatasetOptions.hidden
# 定義元
types/index.d.ts:93 (新しいウィンドウで開きます)
# hitRadius
• hitRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ヒット検出のために、ポイント半径に追加される追加の半径。
デフォルト
1
# 継承元
ScriptableAndArrayOptions.hitRadius
# 定義元
types/index.d.ts:1993 (新しいウィンドウで開きます)
# hoverBackgroundColor
• hoverBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.hoverBackgroundColor
# 定義元
types/index.d.ts:1813 (新しいウィンドウで開きます)
# hoverBorderCapStyle
• hoverBorderCapStyle: ScriptableAndArray
<CanvasLineCap
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.hoverBorderCapStyle
# 定義元
types/index.d.ts:1944 (新しいウィンドウで開きます)
# hoverBorderColor
• hoverBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.hoverBorderColor
# 定義元
types/index.d.ts:1812 (新しいウィンドウで開きます)
# hoverBorderDash
• hoverBorderDash: ScriptableAndArray
<number
[], ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.hoverBorderDash
# 定義元
types/index.d.ts:1945 (新しいウィンドウで開きます)
# hoverBorderDashOffset
• hoverBorderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.hoverBorderDashOffset
# 定義元
types/index.d.ts:1946 (新しいウィンドウで開く)
# hoverBorderJoinStyle
• hoverBorderJoinStyle: ScriptableAndArray
<CanvasLineJoin
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.hoverBorderJoinStyle
# 定義元
types/index.d.ts:1947 (新しいウィンドウで開く)
# hoverBorderWidth
• hoverBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.hoverBorderWidth
# 定義元
types/index.d.ts:1811 (新しいウィンドウで開く)
# hoverRadius
• hoverRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
マウスオーバー時のポイントの半径。
デフォルト
4
# 継承元
ScriptableAndArrayOptions.hoverRadius
# 定義元
types/index.d.ts:2016 (新しいウィンドウで開く)
# 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
<"radar"
>>
ポイントの塗りつぶし色。
# 継承元
ScriptableAndArrayOptions.pointBackgroundColor
# 定義元
types/index.d.ts:2023 (新しいウィンドウで開く)
# pointBorderColor
• pointBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
ポイントの境界線の色。
# 継承元
ScriptableAndArrayOptions.pointBorderColor
# 定義元
types/index.d.ts:2027 (新しいウィンドウで開く)
# pointBorderWidth
• pointBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ポイントの境界線の幅(ピクセル単位)。
# 継承元
ScriptableAndArrayOptions.pointBorderWidth
# 定義元
types/index.d.ts:2031 (新しいウィンドウで開く)
# pointHitRadius
• pointHitRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
マウスイベントに反応する、表示されないポイントのピクセルサイズ。
# 継承元
ScriptableAndArrayOptions.pointHitRadius
# 定義元
types/index.d.ts:2035 (新しいウィンドウで開く)
# pointHoverBackgroundColor
• pointHoverBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
マウスオーバー時のポイントの背景色。
# 継承元
ScriptableAndArrayOptions.pointHoverBackgroundColor
# 定義元
types/index.d.ts:2054 (新しいウィンドウで開く)
# pointHoverBorderColor
• pointHoverBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"radar"
>>
ホバー時のポイントの境界線の色。
# 継承元
ScriptableAndArrayOptions.pointHoverBorderColor
# 定義元
types/index.d.ts:2058 (新しいウィンドウで開きます)
# pointHoverBorderWidth
• pointHoverBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ホバー時のポイントの境界線の幅。
# 継承元
ScriptableAndArrayOptions.pointHoverBorderWidth
# 定義元
types/index.d.ts:2062 (新しいウィンドウで開きます)
# pointHoverRadius
• pointHoverRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ホバー時のポイントの半径。
# 継承元
ScriptableAndArrayOptions.pointHoverRadius
# 定義元
types/index.d.ts:2066 (新しいウィンドウで開きます)
# pointRadius
• pointRadius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ポイント形状の半径。0に設定すると、ポイントは描画されません。
# 継承元
ScriptableAndArrayOptions.pointRadius
# 定義元
types/index.d.ts:2039 (新しいウィンドウで開きます)
# pointRotation
• pointRotation: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ポイントの回転角度(度単位)。
# 継承元
ScriptableAndArrayOptions.pointRotation
# 定義元
types/index.d.ts:2043 (新しいウィンドウで開きます)
# pointStyle
• pointStyle: ScriptableAndArray
<PointStyle
, ScriptableContext
<"radar"
>>
ポイントのスタイル
デフォルト
'circle;
# 継承元
ScriptableAndArrayOptions.pointStyle
# 定義元
types/index.d.ts:1998 (新しいウィンドウで開きます)
types/index.d.ts:2047 (新しいウィンドウで開きます)
# radius
• radius: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ポイントの半径
デフォルト
3
# 継承元
ScriptableAndArrayOptions.radius
# 定義元
types/index.d.ts:1988 (新しいウィンドウで開きます)
# rotation
• rotation: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ポイントの回転(度単位)。
デフォルト
0
# 継承元
ScriptableAndArrayOptions.rotation
# 定義元
types/index.d.ts:2003 (新しいウィンドウで開きます)
# segment
• segment: ScriptableAndArray
<{ 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
<"radar"
>>
# 継承元
ScriptableAndArrayOptions.segment
# 定義元
types/index.d.ts:1932 (新しいウィンドウで開きます)
# showLine
• showLine: boolean
falseの場合、このデータセットの線は描画されません。
# 定義元
types/index.d.ts:422 (新しいウィンドウで開きます)
# spanGaps
• spanGaps: number
| boolean
trueの場合、データがないまたはnullのポイント間にも線が描画されます。falseの場合、NaNのデータを持つポイントは線に切れ目を作成します。また、スパンする最大ギャップ長を指定する数値にすることもできます。値の単位は使用されるスケールによって異なります。
# オーバーライド
ScriptableAndArrayOptions.spanGaps
# 定義元
types/index.d.ts:417 (新しいウィンドウで開きます)
# stack
• stack: string
このデータセットが属するグループのID(スタック時、各グループは別々のスタックになります)。
# 継承元
ControllerDatasetOptions.stack
# 定義元
types/index.d.ts:88 (新しいウィンドウで開きます)
# stepped
• stepped: ScriptableAndArray
<boolean
| "middle"
| "after"
| "before"
, ScriptableContext
<"radar"
>>
trueの場合、線はステップ線として表示されます(テンションは無視されます)。
デフォルト
false
# 継承元
ScriptableAndArrayOptions.stepped
# 定義元
types/index.d.ts:1922 (新しいウィンドウで開きます)
# tension
• tension: ScriptableAndArray
<number
, ScriptableContext
<"radar"
>>
ベジェ曲線のテンション(ベジェ曲線を使用しない場合は0)。
デフォルト
0
# 継承元
ScriptableAndArrayOptions.tension
# 定義元
types/index.d.ts:1917 (新しいウィンドウで開きます)
# transitions
• transitions: TransitionsSpec
<"radar"
>
# 継承元
AnimationOptions.transitions
# 定義元
types/index.d.ts:1758 (新しいウィンドウで開きます)
# xAxisID
• xAxisID: string
このデータセットをプロットするx軸のID。
# 定義元
types/index.d.ts:408 (新しいウィンドウで開きます)
# yAxisID
• yAxisID: string
このデータセットをプロットするy軸のID。