# インターフェース: DoughnutControllerDatasetOptions

# 階層

ControllerDatasetOptions
ScriptableAndArrayOptions<ArcOptions, ScriptableContext<"doughnut">>
ScriptableAndArrayOptions<ArcHoverOptions, ScriptableContext<"doughnut">>
AnimationOptions<"doughnut">

↳ DoughnutControllerDatasetOptions

↳↳ PolarAreaControllerDatasetOptions

# プロパティ

# 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 }

# 継承元

AnimationOptions.animation

# 定義箇所

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

# animations

• animations: AnimationsSpec<"doughnut">

# 継承元

AnimationOptions.animations

# 定義箇所

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

# backgroundColor

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

# 継承元

ScriptableAndArrayOptions.backgroundColor

# 定義箇所

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

# borderAlign

• borderAlign: ScriptableAndArray<"center" | "inner", ScriptableContext<"doughnut">>

円弧のストロークの配置。

# 継承元

ScriptableAndArrayOptions.borderAlign

# 定義箇所

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

# borderColor

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

# 継承元

ScriptableAndArrayOptions.borderColor

# 定義箇所

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

# borderDash

• borderDash: ScriptableAndArray<number[], ScriptableContext<"doughnut">>

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

デフォルト

[]

# 継承元

ScriptableAndArrayOptions.borderDash

# 定義箇所

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

# borderDashOffset

• borderDashOffset: ScriptableAndArray<number, ScriptableContext<"doughnut">>

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

デフォルト

0.0

# 継承元

ScriptableAndArrayOptions.borderDashOffset

# 定義箇所

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

# borderJoinStyle

• borderJoinStyle: ScriptableAndArray<CanvasLineJoin, ScriptableContext<"doughnut">>

線の結合スタイル。MDN を参照してください。borderAlign が 'inner' の場合はデフォルトは 'round'、それ以外の場合は 'bevel' です。

# 継承元

ScriptableAndArrayOptions.borderJoinStyle

# 定義箇所

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

# borderRadius

• borderRadius: ScriptableAndArray<number | ArcBorderRadius, ScriptableContext<"doughnut">>

円弧のボーダー半径を設定します。

デフォルト

# 継承元

ScriptableAndArrayOptions.borderRadius

# 定義元

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

# borderWidth

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

# 継承元

ScriptableAndArrayOptions.borderWidth

# 定義元

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

# circular

• circular: ScriptableAndArray<boolean, ScriptableContext<"doughnut">>

falseの場合、円弧は平坦になります。

デフォルト

true

# 継承元

ScriptableAndArrayOptions.circular

# 定義元

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

# circumference

• circumference: number

円弧がカバーする範囲を設定します。

デフォルト

360

# 定義元

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

# clip

• clip: number | false | ChartArea

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