环形&饼图(Doughnut and Pie)
该图表在展示数据之间的关系比例方面非常出色。
饼图和环形图在 Chart.js 中实际上是同一个类,但有一个不同的默认值 - 。意味着内部的百分比被减少。饼图默认为 0
,甜甜圈默认为 50
。
环形/饼图允许为每个数据集指定多个属性以显示特定数据集。
这些是 Pie&Donut 图表特有的自定义选项。这些选项与全局图表配置选项合并,组成最终选项。
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
cutoutPercentage | Number | 50 - for doughnut, 0 - for pie | 从中间切出的图表的百分比。 |
rotation | Number | 起始角度 | |
circumference | Number | 2 Math.PI | 允许图形覆盖 |
animation.animateRotate | Boolean | true | 如果为 true,则图表将使用旋转动画进行动画。该属性在options.animation 对象中。 |
animation.animateScale | Boolean | false | 如果为 true,则将动画从中心向外缩放图表。 |
对于饼图,数据集需要包含一组数据点。数据点应该是一个数字,Chart.js 将所有的数字汇总并计算每个数据的相对比例。
你还需要指定一个标签数组,以便在 tooltips 中显示