D3：从不同图表中选择特定节点

Question

我正在尝试在我的图表中实现鼠标悬停。我在一个页面上有两个图表，它们以不同的可视化方式显示相同的数据。现在我正在努力做到这一点，当您将鼠标悬停在一个图表的节点上时，另一个图表中的相应节点也会变成橙色。

这是我鼠标悬停在其中一张图表上的内容：

          .on("mouseover", function(d) {
              d3.select(this)
                .style("fill", "orange");
              svg.selectAll("path").select(d)
                .style("fill", "orange");
          })

但是，我似乎无法正确定位另一个图表中的相应节点。我想 svg.selectAll("path").select(d) 不是 select 不同图表中特定节点的正确方法，但我似乎无法找出解决方案。

提前致谢！

Answer 1

您不能 select 基于 D3 中数据的元素。我会根据每个元素的数据分配一个唯一的 ID，并据此 select。

D3：从不同图表中选择特定节点

D3: Selecting a specific node from a different chart

javascript

d3.js