javascript - 将父节点获取到 d3 树状图中的给定节点

Question

我是 javascript/flask 的初学者，我正在尝试使用这个 d3 树状图示例进行试验:https://bl.ocks.org/mbostock/4063570

我想要得到的是，当一个节点被点击时，将父节点返回给 flask 应用服务器。

例如:如果我点击display节点，那么服务器得到“flare,display”

如果点击 cluster 节点，则服务器获取“flare,analytics,cluster”

Answer 1

获取被点击节点的父节点非常简单。只需使用 ancestors() ，其中:

Returns the array of ancestors nodes, starting with this node, then followed by each parent up to the root.

所以，在你的情况下......

node.on("click", function(d){
    console.log(d.ancestors())
});

.. 将在控制台中以数组形式显示所有祖先。

这是 fork 的 bl.ocks:https://bl.ocks.org/anonymous/e36d4af364642a70818987941aa192c8/c75e620e662a6899d8df34c287fc5ea00d049513

在该代码中，我映射数组以获取每个节点的 id 属性。