# 介面: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}

# 繼承自

ControllerDatasetOptions.clip

# 定義於

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 選項,該選項可用於在兩個資料集或一個資料集與一個邊界(即刻度原點、開始或結束)之間建立區域。

# 繼承自

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

如果您提供的數據索引是唯一的、已排序的,並且在數據集之間保持一致,並且提供了 normalized: true 選項以告知 Chart.js 您已完成此操作,則 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 (X 軸 ID)

xAxisID: string

要將此數據集繪製在其上的 X 軸 ID。

# 定義於

types/index.d.ts:408 (在新視窗中開啟)


# yAxisID (Y 軸 ID)

yAxisID: string

要將此數據集繪製在其上的 Y 軸 ID。

# 定義於

types/index.d.ts:412 (在新視窗中開啟)