Chartjs 甜甜圈图圆角半甜甜圈

Question

我正在为我的一个项目使用 chartJS 库，我需要绘制一个圆环图。 圆环图需要是一个半圆，其中的部分需要有圆边，如下所示

通过参考下面的代码笔中所示的这个很好的答案，我可以在一个完整的圆圈中实现相同的效果

但是，如果我更改选项以使用以下选项绘制半圆

rotation: 1 * Math.PI,
circumference: 1 * Math.PI,

然后计算似乎在某处出错，圆弧圆随机放置，如下所示

问题代码笔在这里

我怎样才能解决这个问题。 请帮忙。 我被困住了。 谢谢

Answer 1

您应该将 y 平移更改为 2 倍：

ctx.translate(arc.round.x, arc.round.y*2);