避免 d3.js 圆圈重叠

Question

您可以在这个 bl.ock http://bl.ocks.org/3012590 中看到，巴黎有很多地理参考点，大圆圈在小圆圈上方：

我想得到类似于 http://vallandingham.me/vis/gates/ 的东西，这样圆圈的边框就会紧贴在一起。

抱歉，我无法在这段代码中找到答案，我想念的东西有些遗漏。

有没有简单的解决方法来解决这个问题？尝试了不同的负电荷力，如果圆圈大小发生变化会导致问题（如果巴黎的所有圆圈都变小，那么它们就会变得太远）？

Answer 1

如果您的目标是防止重叠，那么detecting collisions 是满足该约束的更直接方式。这将产生比排斥电荷力更精确的结果。这是另一个例子：

• http://bl.ocks.org/1748247

您不需要强制布局来完成此操作，尽管这两者经常一起使用。您可以对节点进行固定次数的迭代，以解决初始化时的任何冲突。