我正在尝试在样本d3可折叠树上工作。 mbostock的块#1093025。最初当表单加载时,我如何使所有节点最初崩溃?d3.js如何使所有节点折叠在可折叠的缩进树
2
A
回答
1
你必须在你的json加载中添加一个函数。 检查示例:http://mbostock.github.io/d3/talk/20111018/tree.html
2
在此示例中,节点折叠的方式是删除数据元素的.children
成员,以便不绘制子节点。您可以静态执行此操作,以便将所有内容都折叠起来。代码看起来像这样。
function moveChildren(node) {
if(node.children) {
node.children.forEach(function(c) { moveChildren(c); });
node._children = node.children;
node.children = null;
}
}
moveChildren(json);
变形例here。
相关问题
- 1. D3.js可折叠树 - 展开/折叠中间节点
- 2. d3.js - 如何添加在折叠缩进树
- 3. D3.js可折叠树 - 不仅显示节点名称
- 4. 在d3.js中折叠/展开树的子节点?
- 5. 如何使用d3.js展开可折叠树上的特定节点?
- 6. d3.js树形布局:展开时折叠其他节点?
- 7. D3.js缩放和平移可折叠树图
- 8. 如何折叠嵌套可折叠集中的所有嵌套可折叠集和可折叠元素?
- 9. 可折叠的树
- 10. 是否有D3 v4版本的折叠缩进树?
- 11. 可折叠树D3的边缘
- 12. d3 v4中的可折叠径向树
- 13. 可折叠和树
- 14. 如何折叠JTree节点?
- 15. D3可折叠树不同节点颜色
- 16. d3节点标签和折叠
- 17. 如何在D3可折叠的树一个唯一的ID分配给节点
- 18. d3.js力可折叠带标签
- 19. d3 js可展开和可折叠的树形结构
- 20. 如何在折叠位置启动d3.js树?
- 21. 树锈折叠
- 22. 如何使用Perl“折叠所有”折叠EPIC
- 23. 可折叠Sankey图-D3
- 24. 折叠/取消折叠所有菜单项。 - HTML/JS/CSS/Bootstrap3
- 25. 使折叠式折叠式可折叠手风琴排序
- 26. D3 v4使用d3链接生成器的可折叠树
- 27. 如何创建d3.js具有非树数据的可折叠的力布局?
- 28. 缩进折叠文本
- 29. 从CSV数据创建一个D3.js可折叠树
- 30. 复制可折叠树