D3.js 如何正确调整包装布局中的圆圈大小

D3.js 如何正确调整包装布局中的圆圈大小,d3.js,D3.js,我最近正在利用包布局构建一个“集群可视化”,以帮助探索我们的一些数据。请看截图。看起来我无法附加图像,所以我发布了dropbox链接 我是这样做的:首先,我使用一个包布局渲染簇的圆,然后我抓住所有簇的位置并创建所有G元素。最后,在每个G元素中,我使用不同的包布局渲染子元素,即彩色圆圈 我这样做的原因是:我希望将集群彼此分开,并使一个集群的子元素彼此靠近 但是,不同集群中儿童圈的大小似乎并不一致。所有红色圆圈实际上应该具有相同的大小,因为它们的值是相同的。现在,我只是简单地将所有子对象的值相加,得

我最近正在利用包布局构建一个“集群可视化”,以帮助探索我们的一些数据。请看截图。看起来我无法附加图像,所以我发布了dropbox链接

我是这样做的:首先,我使用一个包布局渲染簇的圆,然后我抓住所有簇的位置并创建所有G元素。最后,在每个G元素中,我使用不同的包布局渲染子元素,即彩色圆圈

我这样做的原因是:我希望将集群彼此分开,并使一个集群的子元素彼此靠近

但是,不同集群中儿童圈的大小似乎并不一致。所有红色圆圈实际上应该具有相同的大小,因为它们的值是相同的。现在,我只是简单地将所有子对象的值相加,得到集群的值

我的问题是,如何才能正确获得不同簇内的圆的大小?提前感谢您:


最好,

我建议使用布局来计算所有圆圈的大小,因此它们都是相同的大小。然后可以将根的子级的所有子级偏移为相对于根的子级。然后,您可以为每个根子级添加一个根,并按自己的喜好对其进行缩放。下面是我的意思的现场演示:


不能投票,但这正是我所期待的!