javascript - 如何从 d3js 中折叠的所有节点开始？

Question

从这个例子开始http://bl.ocks.org/1062288我想要一棵所有节点都折叠的树，所以初始图应该只包含一个节点（根）。

Answer 1

选项 1：修改 JSON

修改 JSON 文件 ,readme.json以使用_children而不是children.

选项 2：编辑 Javascript

编辑 javascript 以切换每个节点的_children和children属性。这可以这样做

var nodes = flatten(root);
nodes.forEach(function(d) {
  d._children = d.children;
  d.children = null;
});

这是第二个选项的JSFiddle。

Answer 2

var allnode =  flatten(root);
for (var i=0;i<allnode.length;i++){click(allnode[i])}

对于那些仍在寻找它的人，这里有 2 行代码。紧凑且易于理解。

Answer 3

把这个放在这里给未来的读者：

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);
});

http://jsfiddle.net/chrisloughnane/vV3Sc/