多個元素的D3鼠標懸停

Question

當將鼠標懸停在特定元素上時，我試圖突出顯示我的某些svg元素。

因此，我得到了像一個大圓圈，每個節點一個小圓圈，每個節點一個線，每個節點一個文本的元素。

我能做的是這樣的：

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

但是我想將mouseover方法用於添加代碼的元素之外。

例如，當選擇大的根圓時，我想將鼠標懸停在根圓，所有文本，線條和所有小圓上。

Answer 1

使用d3 選擇 。 例如，要選擇所有圈子：

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