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

Question

这是我的第一篇帖子，希望有人能帮我这个忙.

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

在选择“allnode”(在mouseover上)中，我只能选择当前节点(d3.select(this)，但不能选择SELECTIT中称为名称的对象)。

我想要达到的目标：

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

我可以在"mouseover“方法中选择影响节点名称：

    var selectit = g.neighbors(d); 

-> API文档中的dagrejs/ https://github.com/dagrejs/graphlib/wiki/API-Reference文档

2.)选择链接(包括父节点和子节点)时的“鼠标覆盖”效果

摇摆不定：https://jsfiddle.net/kraab/n9mgo74j/32/

提前感谢！

Answer 1

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

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