从缩进树中的封闭节点开始

时间:2018-11-23 16:38:11

标签: javascript d3.js

我使用了这种indentend树:https://bl.ocks.org/mbostock/1093025

我想这样开始:

enter image description here

不是这样的:

enter image description here

更改节点的过渡是这样的:

// Transition exiting nodes to the parent's new position.
  node.exit().transition()
      .duration(duration)
      .attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
      .style("opacity", 0)
      .remove();

我该怎么办?再次感谢您的帮助:)

1 个答案:

答案 0 :(得分:1)

在初始加载结束时(在调用update(root)之后)添加此功能即可。它依赖于此处使用的_children概念来存储当前未显示的子级。

root.each(function(d) {
    if (d.depth > 0) {
        d._children = d.children;
        d.children = null;
    }
    update(d)
});