c3.jsドーナツチャート：セパレータラインを100％アークで見えるようにしますか？

Question

私はc3.jsでドーナツチャートのスタイルを設定しようとしていますが、円弧がドーナツの100％の場合、すべての円弧のように見えますが、最後のカテゴリでは、ドーナツの上部に細い白い線が表示されます。最後のカテゴリでは、この行が表示されず、グラフが表示されるようにしています。私はすでに.c3-chart-arcクラスのストロークスタイルで少し演奏しましたが、運がまだありませんでした。この細い線セパレータをドーナツチャートの最後のカテゴリに表示する方法はありますか？

Answer 1

ドーナツは実際にドーナツ - 2つの円です - その間の領域は塗りつぶされていますので、必要な効果を得るためにドーナツの描画プロパティに影響を与える方法はありません。

（C3の内部プロパティを使用して）しかしハック答えは、このようなチャートを設定した後、あなたが効果を模倣するためにまっすぐにそのようなチャートの中心付近から線を引くことができるということです。

d3.select(".c3-chart-arcs").append("line") 
    .attr ({x1: 0, y1: -20, x1: 0, y1: -chart.internal.currentHeight/2}) 
    .style ("stroke", "white") 
;