d3.js帶矩形碰撞的力向圖

Question

我嘗試使用Crete Force-Directed Graph。 我的節點是rect，並且彼此重疊。 在某些示例中，重疊被刪除，但是沒有鏈接。 幫幫我，請修改圖表以避免重疊。

分銷商提供的服務可以應用於圈子：

.force('collision', d3.forceCollide().radius(function(d) {
   return d.radius
}))

我的情況： https : //jsfiddle.net/MoOgur/7mc1jm77/?utm_source=website&utm_medium=embed&utm_campaign=7mc1jm77

鏈接必須參與模擬，但不應繪制。

Answer 1

如果在示例中第46行的.force("charge", d3.forceManyBody()后面添加.strength(-80)) .force("charge", d3.forceManyBody()會更好。

您可以將“ 80”更改為其他名稱。 當您接近“ 0”時，圖形看起來更加集中。

這取決於頁面上有多少空間。 如果沒有足夠的空間，則此解決方案將無法正常工作。