Javascript 谷歌甜甜圈图表

我遇到了通过谷歌图表实现图形的问题，有必要制作一个三段图，请告诉我如何做得更好

google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘努力’、‘给予的金额’]，
[我的全部，100]，
[My alsl'，100]，
[My alsl'，100]，
]);
变量选项={
皮埃霍尔：0.85，
工具提示：{trigger:'none'}，
请输入文本：“无”，
打印文本样式：{
颜色：'透明'，
},
图例：“无”，
切片：{
0:{颜色：'#f9b231'}，
1:{颜色：'#7e430f'}，
2:{颜色：'#f8d597'}
}
};
var chart=new google.visualization.PieChart（document.getElementById（'donut_single'）；
图表绘制（数据、选项）；
}

您真的需要javascript来实现这一点吗？听起来这个可以像图像一样加载？如果数据经常更改或从数据库加载，则需要一个javascript库。很抱歉，如果这没有帮助，但由于您的示例是一幅图像，我不禁想知道。问题的实质是，这些部分中的每一部分都会表示指标的百分比，我不太理解如何实现这一点。你知道如何对图表进行缩进和四舍五入吗？