# 接口: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
# 定义于
# hidden
• hidden: boolean
配置数据集的可见状态。将其设置为 true,将数据集从图表中隐藏。
默认值
false
# 继承自
DoughnutControllerDatasetOptions.hidden
# 定义于
# 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
# 定义于
# 标签
• 标签: string
数据集的标签,在图例和工具提示中出现。
# 继承自
DoughnutControllerDatasetOptions.标签
# 定义于
# normalized
• normalized: boolean
如果提供具有唯一索引、已排序和在数据集中一致的数据,并且提供了normalized: true选项来让Chart.js知道您已这样做,则Chart.js运行速度最快。
# 继承自
DoughnutControllerDatasetOptions.normalized
# 定义于
# offset
• offset: number
| number
[]
弧偏移(以像素为单位)。
# 继承自
DoughnutControllerDatasetOptions.offset
# 定义于
# order
• order: number
数据集的绘制顺序。也影响堆叠、工具提示和图例的顺序。
# 继承自
DoughnutControllerDatasetOptions.order
# 定义于
# parsing
• parsing: false
| { [key: string]
: string
; }
如何解析数据集。可以通过在图表选项或数据集中指定parsing: false来禁用解析。如果禁用解析,则必须对数据进行排序,并且数据格式必须与所关联的图表类型和缩放内部使用的格式相匹配。
# 继承自
DoughnutControllerDatasetOptions.解析
# 定义于
# 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
# 定义于
# transitions
• transitions: TransitionsSpec
<"doughnut"
>
# 继承自
DoughnutControllerDatasetOptions.transitions
# 定义于
types/index.d.ts:1758 (在新窗口中打开)
# weight
• weight: number
数据集的相对厚度。提供权重值将使饼图或环形图数据集根据所有数据集的权重值的总和绘制成相对厚度。
默认值
1
# 继承自
DoughnutControllerDatasetOptions.weight