可折叠的树

Question

我是D3Js开发的新手。在尝试树布局时，我无法理解使用d.id的关键功能。 id是什么意思，这里的关键功能是什么？请帮忙。

http://bl.ocks.org/mbostock/4339083

function update(source) {

    // Compute the new tree layout.
    var nodes = tree.nodes(root).reverse(),
        links = tree.links(nodes);

    // Normalize for fixed-depth.
    nodes.forEach(function(d) {
        d.y = d.depth * 180;
    });

    // Update the nodes…
    var node = svg.selectAll("g.node").data(nodes, function(d) {
        return d.id || (d.id = ++i);
    });
}

Answer 1

我只是为你的例子做一个快速调试： 似乎每次将在图表中显示的节点都被分配一个id，请参阅调试屏幕截图以获取详细信息：

希望它有所帮助：）