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

D3: Selecting a specific node from a different chart

本文关键字：选择 节点 D3      更新时间：2023-09-26

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

这是我鼠标下面的一张图表：

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

然而，我似乎无法正确地寻址其他图表中的相应节点。我认为svg.selectAll("path").select(d)不是在不同图表中选择特定节点的正确方法，但我似乎无法找到解决方案。

提前感谢！

不能根据D3中的数据选择元素。我会根据数据为每个元素分配一个唯一的ID，并根据该ID进行选择。

相关文章：