c3.js圆环图：使分隔线在100％圆弧上可见？

Question

我正在尝试在c3.js中设置圆环图，当圆弧是100％的圆环时，它看起来像每个圆弧但是最后一个类别，在圆环顶部显示一条细白线。在最后一个类别中，这一行缺失了，我们试图让它显示出来，以便图表看起来一致。我已经为{{1}}课程的中风风格做了一点点但是没有运气。有没有办法让这个细线分隔符显示在圆环图的最后一个类别上？

Answer 1

只有一个值，甜甜圈实际上是一个甜甜圈 - 两个圆圈 - 两者之间的区域填充，所以没有办法影响甜甜圈的绘图属性以获得你想要的效果。

虽然hacky的答案（使用c3的内部属性）是在设置这样的图表之后，你可以直接从图表中心附近画一条线来模仿效果：

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