# 介面:PolarAreaControllerDatasetOptions
# 階層
DoughnutControllerDatasetOptions
↳
PolarAreaControllerDatasetOptions
# 屬性
# angle
• angle: number
要覆蓋的圓弧角度。 - 僅適用於極地圖
預設
圓周 / (圓弧數量)
# 定義於
# animation
• animation: false
| AnimationSpec
<"doughnut"
> & { 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
}
# 繼承自
DoughnutControllerDatasetOptions.animation
# 定義於
# animations
• animations: AnimationsSpec
<"doughnut"
>
# 繼承自
DoughnutControllerDatasetOptions.animations
# 定義於
# backgroundColor
• backgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.backgroundColor
# 定義於
# borderAlign
• borderAlign: ScriptableAndArray
<"center"
| "inner"
, ScriptableContext
<"doughnut"
>>
圓弧筆觸對齊方式。
# 繼承自
DoughnutControllerDatasetOptions.borderAlign
# 定義於
# borderColor
• borderColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.borderColor
# 定義於
# borderDash
• borderDash: ScriptableAndArray
<number
[], ScriptableContext
<"doughnut"
>>
虛線。參閱 MDN。
預設
[]
# 繼承自
DoughnutControllerDatasetOptions.borderDash
# 定義於
# borderDashOffset
• borderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
虛線偏移量。參閱 MDN。
預設
0.0
# 繼承自
DoughnutControllerDatasetOptions.borderDashOffset
# 定義於
# borderJoinStyle
• borderJoinStyle: ScriptableAndArray
<CanvasLineJoin
, ScriptableContext
<"doughnut"
>>
線條接合樣式。請參閱 MDN。當 borderAlign
為 'inner' 時,預設值為 'round',否則為 'bevel'。
# 繼承自
DoughnutControllerDatasetOptions.borderJoinStyle
# 定義於
# borderRadius
• borderRadius: ScriptableAndArray
<number
| ArcBorderRadius
, ScriptableContext
<"doughnut"
>>
設定圓弧的邊框半徑
預設
0
# 繼承自
DoughnutControllerDatasetOptions.borderRadius
# 定義於
# borderWidth
• borderWidth: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.borderWidth
# 定義於
# circular
• circular: ScriptableAndArray
<boolean
, ScriptableContext
<"doughnut"
>>
若為 false,則圓弧會是平面的。
預設
true
# 繼承自
DoughnutControllerDatasetOptions.circular
# 定義於
# circumference
• circumference: number
掃過的範圍,以允許圓弧覆蓋。
預設
360
# 繼承自
DoughnutControllerDatasetOptions.circumference
# 定義於
# clip
• clip: number
| false
| ChartArea
如何相對於 chartArea 進行剪裁。正值允許溢出,負值會在 chartArea 內部剪裁該像素數量。0 = 在 chartArea 處剪裁。也可以針對每一側設定剪裁:clip: {left: 5, top: false, right: -2, bottom: 0}
# 繼承自
DoughnutControllerDatasetOptions.clip
# 定義於
# hidden
• hidden: boolean
設定資料集的顯示狀態。將其設定為 true,以從圖表中隱藏資料集。
預設
false
# 繼承自
DoughnutControllerDatasetOptions.hidden
# 定義於
# hoverBackgroundColor
• hoverBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.hoverBackgroundColor
# 定義於
# hoverBorderColor
• hoverBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.hoverBorderColor
# 定義於
# hoverBorderDash
• hoverBorderDash: ScriptableAndArray
<number
[], ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.hoverBorderDash
# 定義於
# hoverBorderDashOffset
• hoverBorderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.hoverBorderDashOffset
# 定義於
# hoverBorderWidth
• hoverBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.hoverBorderWidth
# 定義於
# hoverOffset
• hoverOffset: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 繼承自
DoughnutControllerDatasetOptions.hoverOffset
# 定義於
# indexAxis
• indexAxis: "x"
| "y"
圖表的基本軸。垂直圖表為 'x',水平圖表為 'y'。
預設
'x'
# 繼承自
DoughnutControllerDatasetOptions.indexAxis
# 定義於
# label
• label: string
資料集的標籤,會顯示在圖例和工具提示中。
# 繼承自
DoughnutControllerDatasetOptions.label
# 定義於
types/index.d.ts:79 (opens new window)
# normalized
• normalized: boolean
如果提供的資料索引是唯一、排序過的,並且在各資料集中保持一致,則 Chart.js 的效能會最快。請使用 `normalized: true` 選項告知 Chart.js 您已完成此操作。
# 繼承自
DoughnutControllerDatasetOptions.normalized
# 定義於
types/index.d.ts:63 (opens new window)
# offset
• offset: number
| number
[]
圓弧的偏移量 (以像素為單位)。
# 繼承自
DoughnutControllerDatasetOptions.offset
# 定義於
types/index.d.ts:262 (opens new window)
# order
• order: number
資料集的繪製順序。也會影響堆疊、工具提示和圖例的順序。
# 繼承自
DoughnutControllerDatasetOptions.order
# 定義於
types/index.d.ts:83 (opens new window)
# parsing
• parsing: false
| { [key: string]
: string
; }
如何解析資料集。可以透過在圖表選項或資料集中指定 `parsing: false` 來停用解析。如果停用解析,資料必須經過排序,並採用相關圖表類型和刻度在內部使用的格式。
# 繼承自
DoughnutControllerDatasetOptions.parsing
# 定義於
types/index.d.ts:54 (opens new window)
# rotation
• rotation: number
開始繪製此資料集的起始角度。
預設
0
# 繼承自
DoughnutControllerDatasetOptions.rotation
# 定義於
types/index.d.ts:268 (opens new window)
# spacing
• spacing: number
與 `offset` 選項類似,但適用於所有圓弧。可用於在圓弧之間加入間距。
預設
0
# 繼承自
DoughnutControllerDatasetOptions.spacing
# 定義於
types/index.d.ts:281 (opens new window)
# stack
• stack: string
此資料集所屬群組的 ID(堆疊時,每個群組都會是獨立的堆疊)。
# 繼承自
DoughnutControllerDatasetOptions.stack
# 定義於
types/index.d.ts:88 (opens new window)
# transitions
• transitions: TransitionsSpec
<"doughnut"
>
# 繼承自
DoughnutControllerDatasetOptions.transitions
# 定義於
types/index.d.ts:1758 (opens new window)
# weight
• weight: number
資料集的相對厚度。為權重提供值會導致圓餅圖或甜甜圈圖資料集的繪製厚度與所有資料集權重值的總和相關。
預設
1
# 繼承自
DoughnutControllerDatasetOptions.weight