d3.js - 如何删除树布局 D3.js 上的节点？

Question

我是 D3.js 新手。我正在尝试从树布局中删除节点，但我找不到执行此操作的方法。这是一个示例树布局。
https://dl.dropbox.com/u/7098/tree/dynamic3.html

我想像这样动态删除:
https://dl.dropbox.com/u/7098/tree/aaa.gif

我相信我应该对 root json 对象进行一些操作...
如果大家有想法，请告诉我。

Answer 1

这使得seb的答案变得明确。在您设置点击处理程序的位置，输入:

.on("click", function(d) { 
    if (d.parent && d.parent.children){
        console.log('removing ' + d.name);
        var nodeToDelete = _.where(d.parent.children, {name: d.name});
        if (nodeToDelete){
            d.parent.children = _.without(d.parent.children, nodeToDelete[0]);
        }
    }
});

这应该能让你得到你想要的。确保调用从现在已修改的源数据中绘制树的任何方法。注意:我使用下划线库来使用 _.where 和 _.without，尽管您可以使用纯 js 或其他库来完成此操作。有些检查是为了方便，例如防止删除根节点。

附:因为您可能希望保留展开/折叠行为，所以只需在单击回调中放置一个条件来检查用于指定节点删除的修饰键，例如 d3.event.altKey。