Javascript 如何在chart.js中创建这样的圆环图

Javascript 如何在chart.js中创建这样的圆环图,javascript,chart.js,Javascript,Chart.js,我无法将15%或16%的文本放在图表中。有任何方法可以做到这一点。由于图表的生成已从图表1.X()更改为2.X(),因此所有这些都取决于您当前在项目中使用的版本: 版本1.X 不适用于甜甜圈图表 如果使用饼图,它将内置在传递给图表的数据中 有关更多信息和完整结果,请参阅。 版本2.X 两种方法: 您可以使用.extend()方法 然后在创建新类型的过程中,在部分中绘制百分比。 检查以查看结果(比第一个版本更好,IMHO) 可以强制始终启用工具提示(如中所述) 您只需编辑工具提示中显示的内容,


我无法将15%或16%的文本放在图表中。有任何方法可以做到这一点。

由于图表的生成已从图表1.X()更改为2.X(),因此所有这些都取决于您当前在项目中使用的版本:

版本1.X 不适用于甜甜圈图表

如果使用饼图,它将内置在传递给图表的数据中

有关更多信息和完整结果,请参阅。

版本2.X 两种方法:

  • 您可以使用
    .extend()
    方法

    然后在创建新类型的过程中,在部分中绘制百分比。
    检查以查看结果(比第一个版本更好,IMHO)

  • 可以强制始终启用工具提示(如中所述)

    您只需编辑工具提示中显示的内容,即可输入百分比而不是值。并移动(编辑
    X
    Y
    位置)工具提示,使其显示在应显示的位置

    该图像显示一个饼图,但您可以将其用于甜甜圈


否决投票人请说出否决投票的原因。您是否尝试过这样做:@invitus我否决了您的投票,因为您没有努力提出这个问题。你可能想读ok@Nick。我用这个来表示我的努力。是的,我读过这个问题。我想插入图像中显示的值,即填充颜色的圆形条纹之间的位。我不想插入油炸圈饼的空白圆孔里面。谢谢你,我能理解如何把甜甜圈的程度来显示值而不是百分比。如果有人想弄明白,我只是稍微修改了V2 jsFindle verson