Chartjs 甜甜圈圖圓角半甜甜圈

Question

我正在為我的一個項目使用 chartJS 庫，我需要繪制一個圓環圖。 圓環圖需要是一個半圓，其中的部分需要有圓邊，如下所示

通過參考下面的代碼筆中所示的這個很好的答案，我可以在一個完整的圓圈中實現相同的效果

但是，如果我更改選項以使用以下選項繪制半圓

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

然后計算似乎在某處出錯，圓弧圓隨機放置，如下所示

問題代碼筆在這里

我怎樣才能解決這個問題。 請幫忙。 我被困住了。 謝謝

Answer 1

您應該將 y 平移更改為 2 倍：

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