环形&饼图(Doughnut and Pie)

    该图表在展示数据之间的关系比例方面非常出色。

    饼图和环形图在 Chart.js 中实际上是同一个类,但有一个不同的默认值 - 。意味着内部的百分比被减少。饼图默认为 0,甜甜圈默认为 50

    环形/饼图允许为每个数据集指定多个属性以显示特定数据集。

    这些是 Pie&Donut 图表特有的自定义选项。这些选项与全局图表配置选项合并,组成最终选项。

    名称类型默认值描述
    cutoutPercentageNumber50 - for doughnut, 0 - for pie从中间切出的图表的百分比。
    rotationNumber起始角度
    circumferenceNumber2 Math.PI允许图形覆盖
    animation.animateRotateBooleantrue如果为 true,则图表将使用旋转动画进行动画。该属性在options.animation对象中。
    animation.animateScaleBooleanfalse如果为 true,则将动画从中心向外缩放图表。

    对于饼图,数据集需要包含一组数据点。数据点应该是一个数字,Chart.js 将所有的数字汇总并计算每个数据的相对比例。

    你还需要指定一个标签数组,以便在 tooltips 中显示