【问题标题】:d3.js How to make all the nodes collapsed in Collapsible indented Treed3.js如何使所有节点在可折叠缩进树中折叠
【发布时间】:2013-10-17 18:14:35
【问题描述】:

我正在尝试处理示例 d3 可折叠树。 mbostock 的块 #1093025。最初加载表单时,如何使所有节点最初折叠?

【问题讨论】:

    标签: d3.js


    【解决方案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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-07-01
        • 1970-01-01
        • 2012-03-21
        • 1970-01-01
        • 1970-01-01
        • 2013-06-28
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多