如何在chartjs中更改两个甜甜圈图的厚度答案

【问题标题】：how to change thickness of two doughnut charts in chartjs如何在chartjs中更改两个甜甜圈图的厚度
【发布时间】：2021-08-23 09:23:25
【问题描述】：

如果两个圆环图嵌套在另一个圆环图内部，我如何更改其厚度。示例：https://codesandbox.io/s/doughnut-chart-percentage-kqoi1?file=/src/App.tsx

我想看起来像这样：

我尝试过使用“cutout”和“weight”选项，如果我只有一个图表，它会起作用，但我不能将两者都更改为相同的厚度。我想要两个甜甜圈都像图片中一样薄。

【问题讨论】：

【解决方案1】：

您可以在两个数据集上定义cutout: '90%'。

cutout：从中间切出的图表部分。如果字符串并以 '%' 结尾，则为图表半径的百分比。 number 被认为是像素。

请查看您修改后的Sandbox

不知道为什么，但我必须按下沙盒内的刷新按钮才能正确绘制图表。我猜，在我 fork 之后，Sandbox 会以某种方式记住你的原始代码。

【讨论】：

谢谢！好的，就这么简单。我没有将该值用作带有百分比的字符串。我用它作为一个数字，这就是它不起作用的原因。（正确阅读文档会有所帮助）。十分感谢你的帮助。与此同时，我找到了一种解决方法，并尝试使用第三个带有白色 bg 的甜甜圈作为占位符，它在光学上起作用。但是当然，那我会按照你写的那样走正确的路。