d3强制可折叠布局-所有节点都折叠的起始页
d3 force collapsible layout - start page with all nodes collapsed
我只需要对此处可用的布局进行简单修改http://mbostock.github.io/d3/talk/20111116/force-collapsible.html
上述可视化从所有节点展开开始,因此用户可以可视化整个层次结构。唯一的问题是,如果图是稠密的,那么形成的毛球就没有意义了。
我有兴趣从根节点开始,并根据需要逐步扩展所有节点。这可行吗?需要多少代码更改?
我发现实现这一点的方法是在所有子节点上调用click函数。您可以通过在上面提供的示例中插入以下两行来实现这一点(将这两行插入d3.json调用的正下方,靠近在其末尾调用"update"的脚本的开头)
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])};
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);
});
相关文章:
- 如何从d3js中折叠的所有节点开始
- vis.js:如何用鼠标点击来展开/折叠节点
- onbeforeunload JavaScript 函数不应该在树视图节点展开/折叠时调用 asp.net
- Dynatree js - 折叠特定节点
- 如果节点在 extjs 树面板中打开,如何折叠节点
- 更改所选节点样式,d3.js可折叠缩进树
- d3js:节点在我的树形图中无法正确折叠
- 加载网页后,在树视图中如何显示子/节点的展开和折叠
- d3强制可折叠布局-所有节点都折叠的起始页
- 当选择更改时,ASPxTreeList展开/折叠根节点
- D3可折叠树不同的节点颜色
- 我如何为一个分支折叠所有父节点
- 是否有一种方法可以自动打开D3折叠树节点逐个节点(对于有子节点的节点)
- Jquery treeview-如何通过单击按钮展开/折叠给定的单个节点
- 可调整大小的矩形节点在D3折叠树
- 控制可折叠布局中节点的展开
- Extjs 4.2 TreeGrid折叠/展开节点不会移除前面的节点
- 如何区分手动和程序化节点展开/折叠
- D3强制布局:折叠子节点的子集(不透明度改变)
- 希望将展开和折叠功能添加到作为父节点的动态生成的文件中