c3.js甜甜圈圖：使分隔線在100％的弧上可見？

Question

我試圖在c3.js中設置圓環圖的樣式，當圓弧是圓環的100％時，它看起來像每個圓弧但最後一個類別，在圓環頂部顯示一條細白線。在最後一類中，這條線缺失，我們試圖讓它顯示出來，以便圖表看起來一致。我已經在.c3-chart-arc課中玩過筆畫風格，但一直沒有任何運氣。有沒有辦法讓這個細線分隔符顯示在圓環圖的最後一個類別上？

Answer 1

只有一個值是甜甜圈實際上是一個甜甜圈 - 兩個圓圈，其間的區域填滿了，所以沒有辦法影響甜甜圈的繪圖屬性以獲得所需的效果。

的哈克的答案，但（使用C3的內部屬性）是建立這樣一個圖表後，您可以從附近的圖表的中心畫一條線直線上升，像這樣模仿的效果：

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