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)不是在不同图表中选择特定节点的正确方法，但我似乎无法找出解决方案。

提前致谢！

Answer 1

您无法根据D3中的数据选择元素。我会根据数据为每个元素分配一个唯一的ID，并根据它进行选择。