dagre / dagre-d3 / d3.js 的悬停效果

Question

这是我的第一篇文章，希望有人可以帮助我解决这个问题......

您在 jsfiddle 示例中看到的内容是使用我正在使用的工具制作的。 所有节点和边（链接）的定义都是由我们的工具生成的（“VAR STATES = ..”和“g.setEdge”等） （工具提示在这里不起作用，请忽略）

在选择“allnodes”（鼠标悬停时）我只能选择当前节点（d3.select(this)，但不能选择在 SELECTIT 中称为名称的对象）

我想要达到的目标：

1.) 像这里这样的“鼠标悬停”效果：http://cs.brown.edu/people/jcmace/d3/graph.html?id=small.json

我可以在“鼠标悬停”方法中选择影响节点名称：

    var selectit = g.neighbors(d); 

-> dagrejs/graphlib 的 API 文档在这里找到：https://github.com/dagrejs/graphlib/wiki/API-Reference

2.) 选择链接时的“鼠标悬停”效果（包括父节点和子节点）

jsfiddle：https://jsfiddle.net/kraab/n9mgo74j/32/

提前致谢！

Answer 1

我自己找到了解决方案，jsfiddle 已更新。 使用.each 方法，您可以遍历所有选定元素，如果在邻居数组selectit 中找到实际元素d，您知道您现在位于正确的对象上，并且使用d3.select(this) 您可以更改实际的对象。您悬停的实际对象已保存到elemtosearch，也需要更改...

https://jsfiddle.net/n9mgo74j/37/