我正在尝试在图表中实现鼠标悬停。我在一个页面上有两个图表,它们显示相同的数据,但以不同的可视化方式显示。现在我试图做到这一点,以便当您将鼠标悬停在一个图表中的节点上时,另一个图表中的相应节点也会变成橙色。
这是我将鼠标悬停在一张图表上的内容:
.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 进行选择。
关于javascript - D3 : Selecting a specific node from a different chart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29131537/