多个元素的D3鼠标悬停

Question

I am trying to highlight some of my svg elements when mouseover at a specific element.

So, i got elements like one big circle, small circles for every node, a line for every node, a text for every node.

What I can do is something like this:

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

But I want to use the mouseover method for more than the element in which I am adding the code.

For example, when selecting the big root circle, I want to use mouseover for rootcircle, all texts, the lines and all small circles.

Answer 1

Use d3 selections . For example, to select all circles:

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