d3.js如何在Collapsible缩进树中折叠所有节点

Question

我正在尝试使用示例d3可折叠树。 mbostock的块＃1093025。最初在加载表单时，如何使所有节点最初崩溃？

Answer 1

在此示例中折叠节点的方式是删除数据元素的.children成员，以便不绘制子项。您可以静态地执行此操作以使所有内容都崩溃。代码看起来像这样。

function moveChildren(node) {
    if(node.children) {
        node.children.forEach(function(c) { moveChildren(c); });
        node._children = node.children;
        node.children = null;
    }
}
moveChildren(json);

修改后的示例here。

Answer 2

你必须在你的json加载中为它添加一个函数。 检查该示例：http://mbostock.github.io/d3/talk/20111018/tree.html