圈子中的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是沿着圓形而不是圓形的中心繪制標簽。 另外，您可能會考慮當時僅繪制一些標簽-屬於小圓圈的那些標簽可能應該省略。