突出显示 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）。然后让您的更新/渲染代码检查该值以有条件地应用您想要的任何类/样式。