基于这个例子:
我在 d3.js 中构建了一个树结构可视化,其中包含进一步的功能,如放大和缩小、拖动和移动以及突出显示节点等。添加的功能对基本树代码没有影响,如该示例所示。现在我想实现像Mouseover这样的东西来突出显示从我的鼠标所在节点到根的路径。我在跟踪到根目录的路径时遇到问题(不知道如何跟踪路径),有人可以就如何实现这一点给出提示或一些有用的链接吗?
根据 d3.tree ( https://github.com/mbostock/d3/wiki/Tree-Layout#wiki-_tree ) 的文档,d3parent
为每个节点添加了一个属性。在您的鼠标悬停回调中,您可以遍历树并在每个节点上设置一个值,指示它应该被突出显示(即d.highlight = true
)。然后让您的更新/渲染代码检查该值以有条件地应用您想要的任何类/样式。