圈子中的d3.layout.pack文本会覆盖其他圈子中的其他文本

Question

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

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

我能想到的解决方案是：

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

但是那个想法并不能使我满意。 例如，在这种情况下，我想将两个较小的球更隔开。

d3.layout.pack可以做一些更有趣的事情来避免圆圈被覆盖吗？

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

Answer 1

我可能会提出以下问题的答案之一： “在D3圆圈包布局中沿圆圈的文字” ：

的jsfiddle

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