эффекты при наведении курсора с 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); 

-> Документация по API для dagrejs / graphlib находится здесь: https://github.com/dagrejs/graphlib/wiki/API-Reference

2.) Эффект "наведения мыши" при выборе ссылки (включая родительский и дочерний узел)

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

Заранее спасибо!

Answer 1

Я сам нашел решение, обновил jsfiddle.с помощью метода .each вы можете выполнять итерацию по всем выбранным элементам, если фактический элемент d найден в массиве соседей selectit, вы знаете, что теперь находитесь на правильном объекте, и с помощью d3.select(this) вы можете изменитьфактический объект.Фактический объект, на котором вы наводите курсор, сохраняется в elemtosearch, и его тоже нужно изменить ...

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