javascript – 突出显示d3.js中的树路径

前端之家收集整理的这篇文章主要介绍了javascript – 突出显示d3.js中的树路径前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基于此example

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

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

猜你在找的CSS相关文章