如何递归切换 d3.js 树图中的节点

Question

我有一个树形图，其中每个节点都有一个描述节点颜色（绿色或红色）的元素。这些颜色是分层的，如果一个节点是红色的，那么它的父节点就是红色的。这个想法是颜色沿着树向上传播（我希望这是有道理的。

下图显示了一个示例树，其中（例如）Bilbo 为红色意味着 Durin 为红色，这反过来又意味着 2-B 级为红色等。

我在JSFiddle here 中的代码应该加载树数据并显示节点为红色的那些分支。当它碰到一个绿色的节点并且有绿色的子节点时，我希望它们不被扩展。

例如，这是我想要在树加载时发生的事情的图片；

但这就是实际发生的情况；

（请注意，当我不想让 Merry 和 Pipen 展开时，他们已经展开，但 Gandalf 和 Saruman 正确折叠）

我一直用来递归展开相应节点的代码如下；

root = treeData[0];
root.x0 = height / 2;
root.y0 = 0;

function toggleAll(d) {
  if (d.children) {
    if (d.status == "green") {
      d._children = d.children;
      d._children.forEach(toggleAll);
      d.children = null;
    }
  }
}

root.children.forEach(toggleAll);

我有一种感觉，我弄错的地方在

      d._children.forEach(toggleAll);

（因为它没有我能辨别的效果）但我不知道为什么它不起作用。

非常感谢您阅读本文 :-)。

Answer 1

如果状态不是绿色，你仍然需要遍历树：

function toggleAll(d) {
    if (d.children) {
        if (d.status == "green") {
            d._children = d.children;
            d._children.forEach(toggleAll);
            d.children = null;
        }
        else
            d.children.forEach(toggleAll);
    }
}

更新FIDDLE。