Эффекты при наведении курсора с помощью dagre / dagre-d3 / d3.js
Это мой первый пост, надеюсь, кто-то может помочь мне в этом...
контент, который вы можете увидеть в примере с jsfiddle, сделан с помощью инструмента, с которым я работаю. Все определения узлов и ребер (ссылок) генерируются нашим инструментом ("VAR STATES = .." и "g.setEdge" и т. Д.) (Подсказки здесь не работают, просто игнорируйте)
в выделении "allnodes" (при наведении курсора мыши) я просто мог выбрать текущий узел (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/graphlib находится здесь: https://github.com/dagrejs/graphlib/wiki/API-Reference
2.) эффект "наведения мыши" при выборе ссылки (включая родительский и дочерний узел)
jsfiddle: https://jsfiddle.net/kraab/n9mgo74j/32/
Заранее спасибо!
1 ответ
Я сам нашел решение, обновил jsfiddle. с .each Метод, вы можете перебрать все выбранные элементы, если фактический элемент d находится в массиве соседей selectit Вы знаете, что вы находитесь на правильном объекте и с d3.select(this) Вы можете изменить фактический объект. Фактический объект, на который вы наводите курсор, сохраняется elemtosearch и тоже нужно менять тоже...