javascript - d3.layout.pack 圆圈内的文本覆盖其他圆圈中的其他文本

Question

我正在使用 d3.layout.pack 将圆圈放置在其他主圆圈内，例如http://mbostock.github.io/d3/talk/20111018/pack.html

但是我在圆圈内有较大的文本，它们会覆盖圆圈，并且可以覆盖近圆圈中的另一个文本：

我能想到的解决方案是：

• 剪切文本以不覆盖圆圈
• 为圆圈放置较小的字体。
• 设置更大的填充
• 将工具提示放在鼠标上
• 旋转文字？？

但这些想法并没有让我太满意。例如，在这种情况下，我希望将两个较小的球放置得更间隔一些。

可以d3.layout.pack做一些更有趣的避免循环覆盖吗？

我可以用d3.layout.force这个吗？有任何想法吗？

Answer 1

我建议将问题“在 D3 圆形包布局中的圆形文本”的答案作为一种可能性：

jsfiddle

基本上，idea就是沿着圆圈而不是在圆圈的中心绘制标签。此外，您可能会考虑当时只绘制一些标签 - 那些属于小圆圈的标签可能应该被省略。