Javascript 基于d3.js中节点组的圆形节点填充矩形

我希望能找到一种方法，将圆节点打包成由它们的总和定义的矩形，但我很难找到一种方法。在实现一个描述的版本失败后，我想联系一下，问问是否有任何已知的方法可以做到这一点。我已经附加了我目前拥有的一个JSFIDLE——我已经初始化了一些节点，将它们随机分配到一个组号，并调用

barView

函数，该函数根据它们的组来分隔这些节点。我希望将这些节点限制在各自条的尺寸范围内，这样拖动这些节点就不能将它们从框中移除，但它们可以在框中移动。我非常感谢你在这方面的帮助

谢谢大家!

---

将条形图的高度基于组的

total

字段的总和。你怎么知道你有足够的面积来容纳所有的圆？条高~=

N*总最大值*0.5

，与半径无关。不要使用计时器来启动下一个阶段，使用

模拟。在（'end，…）

上，将

end

处理程序设置为

null

内部回调：

组C

没有足够的roomHi@rioV8-为了本例的目的和获得适当大小的形状，我没有基于它们的大小（尽管这是我在实际实现中大致实现的方式）。我很好奇您是如何将模拟行为附加到您的图像中的，我将感谢您的帮助！@rioV8再次向您问好！我一直在绞尽脑汁想您是如何在模拟中启用圆形-矩形和圆形-圆形碰撞的，以及如何在图像中组合成矩形形状的。我能看看您的情况吗能够实现这一点？我很感激！