我的工作主要来自Jim Vallandingham的泡泡图示例，当我第一次刷新页面时，我将所有数据链接到圆圈并且力布局正常运行。我希望气泡能够分开并组合在一起，类似于运行here的代码，但是在我点击按钮移动气泡后，它们只是相互重叠。你可以看到我在JSFiddle上的live version。在Vallandingham，他写道主要的碰撞/气泡不重叠效应来自充电功能：
function charge(d) {
return -Math.pow(d.radius/2, 2.0) / 8;
}
我在我的代码中使用了它，但由于某种原因，它的工作方式不同，我无法弄清楚原因。我也尝试过以不同的方式进行手动碰撞检测，但我还没有能够让它发挥作用。提前谢谢！