Charts 如何使用chart.js创建单值圆环图或饼图？

有没有办法使用chart.js创建这样的图表

以下是一个示例：

var值=75；
风险值数据={
标签：[
“我的瓦尔”，
""
],
数据集：[
{
数据：[数值，100数值]，
背景颜色：[
“#FF6384”，
“AAAAA”
],
悬停背景颜色：[
“#FF6384”，
“AAAAA”
],
悬停边框颜色：[
“#FF6384”，
“#ffffff”
]
}]
};
var myChart=新图表（document.getElementById（'myChart'）{
键入：“甜甜圈”，
数据：数据，
选项：{
回答：是的，
图例：{
显示：假
},
门诊量：80，
工具提示：{
过滤器：功能（项目、数据）{
var label=data.labels[item.index]；
if（标签）退货项目；
}
}
}
});
文本中心（值）；
功能文本中心（val）{
Chart.pluginService.register({
绘制前：函数（图表）{
变量宽度=chart.chart.width，
高度=chart.chart.height，
ctx=chart.chart.ctx；
ctx.restore（）；
变量fontSize=（高度/114）.toFixed（2）；
ctx.font=fontSize+“em无衬线”；
ctx.textb基线=“中间”；
var text=val+“%”，
textX=数学圆（（宽度-ctx.measureText（text.width）/2），
textY=高度/2；
ctx.fillText（text，textX，textY）；
ctx.save（）；
}
});
}

谢谢您的帮助，您就快到了：）但是蓝色阴影不应该是悬停的，它不应该显示工具提示，并且完全禁用（变灰）。只需少量的编辑就可以获得它。。。检查答案更新谢谢，这很有帮助。我将添加这个

片段showstrope:false

，这将使事情完全符合我的要求：）