D3 Mouseover用于多个元素

Question

我试图在鼠标悬停在特定元素时突出显示我的一些svg元素。

所以，我得到的元素就像一个大圆圈，每个节点都有一个小圆圈，每个节点都有一条线，每个节点都有一个文本。

我能做的是这样的事情：

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

但我想使用mouseover方法，而不是使用我添加代码的元素。

例如，在选择大根圆时，我想将mouseover用于rootcircle，所有文本，行和所有小圆圈。

Answer 1

使用d3 selections。例如，要选择所有圈子：

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