D3 Mouseover для нескольких элементов

Question

Я пытаюсь выделить некоторые из моих элементов svg при наведении указателя мыши на определенный элемент.

Итак, у меня есть элементы, как один большой круг, маленькие круги для каждого узла, строка для каждого узла, текст для каждого узла.

Что я могу сделать что-то вроде этого:

on("mouseover", function(d) { 
     d3.select(this) 
     .style("fill", '#0da4d3');}) 

Но я хочу использовать метод курсора, более чем элемент, в котором я, как добавить код.

Например, при выборе большого корневого круга я хочу использовать mouseover для rootcircle, всех текстов, линий и всех небольших кругов.

Answer 1

Использование d3 selections. Например, чтобы выделить все круги:

on("mouseover", function(d) { d3.selectAll("circle").style("fill", '#0da4d3');})