我只需要对此处可用的布局进行简单修改 http://mbostock.github.io/d3/talk/20111116/force-collapsible.html
上述可视化开始于所有正在扩展的节点,因此用户可以可视化完整的层次结构。唯一的问题是如果图形是密集的,并且形成的毛球是没有意义的。
我有兴趣从根节点开始,并根据需要逐步扩展所有节点。这可行吗?需要多少代码更改?
答案 0 :(得分:2)
我发现这样做的方法是在所有子节点上调用click函数。您可以通过在上面提供的示例中插入以下两行来完成此操作(在脚本开头附近的d3.json调用下面插入这两行,调用"更新"在它结尾处)
d3.json("flare.json", function(json) {
root = json;
root.fixed = true;
root.x = w / 2;
root.y = h / 2 - 80;
update();
});
//new code
var collapseMe = flatten(root);
for(var j = 0; j< collapseMe.length; j++){click(collapseMe[j])};
答案 1 :(得分:1)
just do it like this
d3.json("json/results.json", function(json) {
root = json;
root.x0 = h / 2;
root.y0 = 0;
function toggleAll(d) {
if (d.children) {
d.children.forEach(toggleAll);
toggle(d);
}
}
root.children.forEach(toggleAll);
toggle(root);
update(root);
});