在d3.js中突出显示树路径

Question

基于此example：

我在d3.js中构建了一个树形结构可视化，其中包含进一步的功能，如放大和缩小，拖动和移动以及突出显示节点等。添加的功能对基本树代码没有影响，如该示例所示。现在我想实现类似 Mouseover 的东西，以突出显示鼠标所在节点的根目录路径。我在跟踪根路径时遇到问题（不知道如何跟踪路径），是否有人可以提供一些提示或一些有用的链接来实现？

Answer 1

根据d3.tree（https://github.com/mbostock/d3/wiki/Tree-Layout#wiki-_tree）的文档，d3为每个节点添加了parent属性。在鼠标悬停回调中，您可以遍历树并在每个节点上设置一个值，表明它应该突出显示（即d.highlight = true）。然后让你的更新/渲染代码检查该值，以有条件地应用你想要的任何类/样式。