# インターフェース: PolarAreaControllerDatasetOptions
# 階層
DoughnutControllerDatasetOptions
↳
PolarAreaControllerDatasetOptions
# プロパティ
# angle
• angle: number
カバーする円弧の角度。- ポーラー専用
デフォルト
円周 / (円弧数)
# 定義元
types/index.d.ts:377 (新しいウィンドウで開きます)
# 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
# 定義元
types/index.d.ts:1747 (新しいウィンドウで開きます)
# animations
• animations: AnimationsSpec
<"doughnut"
>
# 継承元
DoughnutControllerDatasetOptions.animations
# 定義元
types/index.d.ts:1757 (新しいウィンドウで開きます)
# backgroundColor
• backgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.backgroundColor
# 定義元
types/index.d.ts:1807 (新しいウィンドウで開きます)
# borderAlign
• borderAlign: ScriptableAndArray
<"center"
| "inner"
, ScriptableContext
<"doughnut"
>>
円弧のストロークの位置合わせ。
# 継承元
DoughnutControllerDatasetOptions.borderAlign
# 定義元
types/index.d.ts:1833 (新しいウィンドウで開きます)
# borderColor
• borderColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.borderColor
# 定義元
types/index.d.ts:1806 (新しいウィンドウで開きます)
# borderDash
• borderDash: ScriptableAndArray
<number
[], ScriptableContext
<"doughnut"
>>
線の破線。MDNを参照してください。
デフォルト
[]
# 継承元
DoughnutControllerDatasetOptions.borderDash
# 定義元
types/index.d.ts:1838 (新しいウィンドウで開きます)
# borderDashOffset
• borderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
線の破線オフセット。MDNを参照してください。
デフォルト
0.0
# 継承元
DoughnutControllerDatasetOptions.borderDashOffset
# 定義元
types/index.d.ts:1843 (新しいウィンドウで開きます)
# borderJoinStyle
• borderJoinStyle: ScriptableAndArray
<CanvasLineJoin
, ScriptableContext
<"doughnut"
>>
線の結合スタイル。MDNを参照してください。borderAlign
が 'inner' の場合はデフォルトは 'round'、それ以外の場合は 'bevel' です。
# 継承元
DoughnutControllerDatasetOptions.borderJoinStyle
# 定義元
types/index.d.ts:1847 (新しいウィンドウで開きます)
# borderRadius
• borderRadius: ScriptableAndArray
<number
| ArcBorderRadius
, ScriptableContext
<"doughnut"
>>
円弧のボーダー半径を設定します。
デフォルト
0
# 継承元
DoughnutControllerDatasetOptions.borderRadius
# 定義元
types/index.d.ts:1853 (新しいウィンドウで開きます)
# borderWidth
• borderWidth: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.borderWidth
# 定義元
types/index.d.ts:1805 (新しいウィンドウで開きます)
# circular
• circular: ScriptableAndArray
<boolean
, ScriptableContext
<"doughnut"
>>
falseの場合、円弧は平らになります。
デフォルト
true
# 継承元
DoughnutControllerDatasetOptions.circular
# 定義元
types/index.d.ts:1864 (新しいウィンドウで開きます)
# circumference
• circumference: number
円弧がカバーできる範囲。
デフォルト
360
# 継承元
DoughnutControllerDatasetOptions.circumference
# 定義元
types/index.d.ts:257 (新しいウィンドウで開きます)
# clip
• clip: number
| false
| ChartArea
chartAreaに対するクリップ方法。正の値はオーバーフローを許可し、負の値はchartAreaの内側でそのピクセル数だけクリップします。0 = chartAreaでクリップ。クリッピングは、`clip: {left: 5, top: false, right: -2, bottom: 0}`のように、辺ごとに構成することもできます。
# 継承元
DoughnutControllerDatasetOptions.clip
# 定義元
types/index.d.ts:75 (新しいウィンドウで開きます)
# hidden
• hidden: boolean
データセットの可視状態を設定します。チャートからデータセットを非表示にするには、trueに設定します。
デフォルト
false
# 継承元
DoughnutControllerDatasetOptions.hidden
# 定義元
types/index.d.ts:93 (新しいウィンドウで開きます)
# hoverBackgroundColor
• hoverBackgroundColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.hoverBackgroundColor
# 定義元
types/index.d.ts:1813 (新しいウィンドウで開きます)
# hoverBorderColor
• hoverBorderColor: ScriptableAndArray
<Color
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.hoverBorderColor
# 定義元
types/index.d.ts:1812 (新しいウィンドウで開きます)
# hoverBorderDash
• hoverBorderDash: ScriptableAndArray
<number
[], ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.hoverBorderDash
# 定義元
types/index.d.ts:1873 (新しいウィンドウで開きます)
# hoverBorderDashOffset
• hoverBorderDashOffset: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.hoverBorderDashOffset
# 定義元
types/index.d.ts:1874 (新しいウィンドウで開きます)
# hoverBorderWidth
• hoverBorderWidth: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.hoverBorderWidth
# 定義元
types/index.d.ts:1811 (新しいウィンドウで開く)
# hoverOffset
• hoverOffset: ScriptableAndArray
<number
, ScriptableContext
<"doughnut"
>>
# 継承元
DoughnutControllerDatasetOptions.hoverOffset
# 定義元
types/index.d.ts:1875 (新しいウィンドウで開く)
# indexAxis
• indexAxis: "x"
| "y"
チャートの基準軸。縦棒グラフの場合は 'x'、横棒グラフの場合は 'y' です。
デフォルト
'x'
# 継承元
DoughnutControllerDatasetOptions.indexAxis
# 定義元
types/index.d.ts:71 (新しいウィンドウで開く)
# label
• label: string
凡例やツールチップに表示されるデータセットのラベル。
# 継承元
DoughnutControllerDatasetOptions.label
# 定義元
types/index.d.ts:79 (新しいウィンドウで開く)
# normalized
• normalized: boolean
Chart.js は、データに一意でソートされた、データセット間で一貫したインデックスを指定し、normalized: true オプションを設定することで、Chart.js にその旨を知らせると、最も高速に動作します。
# 継承元
DoughnutControllerDatasetOptions.normalized
# 定義元
types/index.d.ts:63 (新しいウィンドウで開く)
# offset
• offset: number
| number
[]
円弧のオフセット(ピクセル単位)。
# 継承元
DoughnutControllerDatasetOptions.offset
# 定義元
types/index.d.ts:262 (新しいウィンドウで開く)
# order
• order: number
データセットの描画順序。積み重ね、ツールチップ、凡例の順序にも影響します。
# 継承元
DoughnutControllerDatasetOptions.order
# 定義元
types/index.d.ts:83 (新しいウィンドウで開く)
# parsing
• parsing: false
| { [key: string]
: string
; }
データセットの解析方法。チャートオプションまたはデータセットで `parsing: false` を指定すると、解析を無効にできます。解析が無効になっている場合、データはソート済みで、関連するチャートタイプとスケールが内部で使用する形式である必要があります。
# 継承元
DoughnutControllerDatasetOptions.parsing
# 定義元
types/index.d.ts:54 (新しいウィンドウで開く)
# rotation
• rotation: number
このデータセットの描画を開始する角度。
デフォルト
0
# 継承元
DoughnutControllerDatasetOptions.rotation
# 定義元
types/index.d.ts:268 (新しいウィンドウで開く)
# spacing
• spacing: number
offset
オプションと似ていますが、すべての円弧に適用されます。これは、円弧間にスペースを追加するために使用できます。
デフォルト
0
# 継承元
DoughnutControllerDatasetOptions.spacing
# 定義元
types/index.d.ts:281 (新しいウィンドウで開く)
# stack
• stack: string
このデータセットが属するグループの ID(積み重ねの場合、各グループは個別のスタックになります)。
# 継承元
DoughnutControllerDatasetOptions.stack
# 定義元
types/index.d.ts:88 (新しいウィンドウで開く)
# transitions
• transitions: TransitionsSpec
<"doughnut"
>
# 継承元
DoughnutControllerDatasetOptions.transitions
# 定義元
types/index.d.ts:1758 (新しいウィンドウで開く)
# weight
• weight: number
データセットの相対的な太さ。weight に値を指定すると、円グラフまたはドーナツグラフのデータセットは、すべてのデータセットの weight 値の合計に対する相対的な太さで描画されます。
デフォルト
1
# 継承元
DoughnutControllerDatasetOptions.weight