javascript - aster图中的重叠标签

Question

我们在 aster plot d3 图表中有一个奇怪的标签重叠问题。我们使用了 d3 图表库和参考http://bl.ocks.org/bbest/2de0e25d4840c68f2db1 在下图中，0.02% 与 2.91% 饼图重叠。

为了绘制折线和标签，我参考了http://bl.ocks.org/dbuezas/9306799

Answer 1

警告：这是一个临时解决方案。

使用有问题的标签的索引（在您共享的 CodePen 中，它是 6），您可以向上或向下移动所有内容、文本和折线。在这种情况下，向下：

pos[1] = index === 6 ? pos[1] + 12 : pos[1];
outerArcCen[1] = index === 6 ? outerArcCen[1] + 10 : outerArcCen[1];

结果如下：http ://codepen.io/anon/pen/YZgXxa?editors=0010