Javascript D3多元件鼠标盖

Javascript D3多元件鼠标盖,javascript,svg,d3.js,mouseover,eventhandler,Javascript,Svg,D3.js,Mouseover,Eventhandler,当鼠标滑过特定元素时,我试图突出显示一些svg元素 所以,我得到了一些元素,比如一个大圆,每个节点一个小圆,每个节点一条线,每个节点一个文本 我能做的就是这样: on("mouseover", function(d) { d3.select(this) .style("fill", '#0da4d3');}) 但是我想使用mouseover方法来处理更多的内容,而不是添加代码的元素 例如,当选择大的根圆时,我想用鼠标悬停在根圆、所有文本、行和所有小圆上。使用d3。例如,

当鼠标滑过特定元素时,我试图突出显示一些svg元素

所以,我得到了一些元素,比如一个大圆,每个节点一个小圆,每个节点一条线,每个节点一个文本

我能做的就是这样:

on("mouseover", function(d) {
      d3.select(this)
      .style("fill", '#0da4d3');})
但是我想使用mouseover方法来处理更多的内容,而不是添加代码的元素

例如,当选择大的根圆时,我想用鼠标悬停在根圆、所有文本、行和所有小圆上。

使用d3。例如,要选择所有圆,请执行以下操作:

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

触发mouseover事件的元素的其他项是否为子项?在这种情况下,您可以使用简单的select
d3.select(this.select)('.myredcircle')等等。嘿3906922,谢谢你的帮助!成功了但是,当我想突出显示特定于节点的文本时,请在选择三个部分之一时使用直线和圆圈。。它们不在一个Svg组中。我必须如何进行?把它们放在一个svg组中?谢谢