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

我建议将 question 'Text along a circle in a D3 circle pack layout' 的答案作为一种可能性:

jsfiddle

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