如何正确设置包布局中的圆圈大小

时间:2015-05-27 21:05:19

标签: d3.js

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

https://www.dropbox.com/s/pfcq6ytetv19bng/Screenshot%202015-05-27%2013.42.14.png?dl=0

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

我之所以这样做的原因是:我希望将群集彼此远离,并保持一个群集的子元素彼此靠近。

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

我的问题是,如何正确获取不同群集中的圆圈大小?提前谢谢你:)

最佳,

1 个答案:

答案 0 :(得分:0)

我建议使用布局来计算所有圆圈尺寸,以便它们全部都是大小。然后你可以将根的孩子的所有孩子都相对于根的孩子。对于每个根子项,您可以添加<g>并根据需要进行缩放。这是我的意思的现场演示:http://bl.ocks.org/vicapow/3d24f96c240eeb8d14e3

enter image description here