D3力布局-定位节点

d3 force layout - positioning nodes

本文关键字：定位节点布局 D3 更新时间：2023-09-26

我目前正在使用D3.js和它的力图布局。我正在努力使节点正确定位，它们似乎重叠，我想要每个子节点之间有一个明确的间隙。

我有一个例子，我目前正在进行的工作看起来像代码(几乎直接取自d3的例子，但半径更大)

https://jsbin.com/pajopizawi/edit?html

输出

我做错了什么，使子节点重叠?

我知道我来晚了，但这不正是"forceCollide"的作用吗?我将节点的半径设置为6，并且强制碰撞16似乎可以很好地将它们分开。

.force("collide", d3.forceCollide(16));

虽然这是在V4中，但在您的示例中似乎不起作用。