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

Question

我正在尝试在 c3.js 中设置圆环图的样式，当圆弧是圆环的 100% 时，除了最后一个类别之外，每条圆弧看起来都会在圆环顶部显示一条细白线.在最后一个类别中，这条线缺失了，我们正试图让它显示出来，以便图表看起来一致。我已经对.c3-chart-arc 类的笔画风格进行了一些尝试，但没有任何运气。有没有办法让这个细线分隔符显示在圆环图的最后一个类别上？

Answer 1

只有一个值，甜甜圈实际上是一个甜甜圈 - 两个圆圈 - 中间的区域已填充，因此无法影响甜甜圈的绘图属性以获得您想要的效果。

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

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