如何正确调整包布局中的圆圈大小答案

【问题标题】：How to size circles in pack layout correctly如何正确调整包布局中的圆圈大小
【发布时间】：2015-08-10 04:02:46
【问题描述】：

我最近正在利用包布局构建“集群可视化”，以帮助探索我们的一些数据。请看截图。（貌似我无法附上图片，所以我发布了一个 Dropbox 链接）

我是这样做的：首先，我使用一个包布局（浅蓝色的）渲染了集群的圆圈，然后我抓取了所有集群的位置并创建了所有 G 元素。最后，在每个 G 元素中，我使用不同的包布局（彩色圆圈）渲染了子元素。

我这样做的原因是：我想将集群分开远离彼此，并使一个集群的子元素彼此靠近。

但是，不同集群中的儿童圈的大小似乎不一致。（所有红色圆圈实际上应该具有相同的大小，因为它们的值是相同的）。现在，我只是简单地总结所有孩子的价值来获得集群的价值。

我的问题是，我怎样才能正确获得不同集群内的圆圈大小？提前谢谢你:)

最好的，

【问题讨论】：

标签： d3.js

【解决方案1】：

我建议使用布局来计算所有圆圈的大小，所以它们都是大小。然后，您可以将根的所有孩子偏移为相对于根的孩子。对于每个根子节点，您可以添加一个 <g> 并随意缩放它。这是我的意思的现场演示：http://bl.ocks.org/vicapow/3d24f96c240eeb8d14e3

【讨论】：