Javascript 使用chart js插件创建弧形甜甜圈图表

我正在尝试创建一个图表，它看起来像下面的图表

到目前为止，我成功地用甜甜圈图获得了显示在中间的值，但不是弧形图。这是我的密码

Chart.pluginService.register({
  beforeDraw: function(chart) {
    var width = chart.chart.width,
      height = chart.chart.height,
      ctx = chart.chart.ctx

    ctx.restore()
    var fontSize = (height / 114).toFixed(2)
    ctx.font = fontSize + 'em sans-serif'
    ctx.textBaseline = 'middle'

    var text = chart.config.data.text,
      textX = Math.round((width - ctx.measureText(text).width) / 2),
      textY = height / 2

    ctx.fillText(text, textX, textY)
    ctx.save()
  },
})

---

你知道如何实现这一点吗？

你可能想在

选项中
旋转
，
周长


var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
键入：“甜甜圈”，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数”，
数据：[12,19,3,5,2,3]，
背景颜色：[
"rgba(255,99,132,0.2)",，
“rgba（54162235,0.2）”，
"rgba(255,206,86,0.2)",，
“rgba（751921920.2）”，
“rgba（153102255,0.2）”，
‘rgba（255、159、64、0.2）’
],
边框颜色：[
"rgba(255,99132,1)",，
“rgba（54162235,1）”，
"rgba(255,206,86,1)",，
"rgba(751921921)",，
"rgba(153102255,1)",，
‘rgba（255、159、64、1）’
],
边框宽度：1
}]
},
选项：{
旋转：1*Math.PI，
周长：1*Math.PI
}
});

帆布{
-moz用户选择：无；
-webkit用户选择：无；
-ms用户选择：无；
}
.我的图表{
显示：块；
宽度：533px；
高度：266px；
}