D3強制佈局文本標籤重疊

Question

我很難在我的力量圖上定位文本標籤。他們互相重疊，我無法弄清楚如何解決它。我已經嘗試了很多來自在線的解決方案，但都沒有效果。你能幫我看一下嗎？

下面是代碼爲我的文字標籤：

var node_text = node_textNew.append("svg:text") 
    .attr("class", "text_note") 
    .attr("dx", 0) 
    .attr("dy", -0.5) 
    .attr('background-color', '#fff') 
    .attr("x", function(d, i) { return circleWidth + 5; }) 
    .attr("y", function(d, i) { if (i>0) { return circleWidth + 0 } else { return 8 } }) 
    .text(function(d) { return d.name}); 

這裏是如何看現在：

非常感謝你的幫助！

Answer 1

試試這個http://bl.ocks.org/MoritzStefaner/1377729。 在這裏，作者介紹了一種使用另一種力佈局將標籤放置在節點附近的方法。

Answer 2

一個簡單的解決方案，我發現我們使用節點Voronoi單元的中心作爲標籤的錨點。這爲您提供了圖形提供的最佳間距。

這方面的一個例子可見於： https://bl.ocks.org/mbostock/6909318