我们如何使用dc.js和leaflet map过滤带有地图悬停的图表

Question

我从this

找到了闪光滤镜

地址。如果你检查这个，你会看到鼠标悬停地图或其他图表每个元素过滤。我想用dc.js和传单地图这样做。

我们怎么做？

Answer 1

这是答案的开始，完全未经测试。我保证它需要一些调试和修改，但我希望它能给你一个开始。

chart.renderlet(function(chart) {
  chart.selectAll('rect').on("mouseover", function(d) {
    chart.filter(d.datum.key);
  });
});

根据图表的种类，您需要将'rect'更改为您希望悬停在图表上的任何元素。您可以通过在您喜欢的浏览器的开发人员工具中检查DOM来发现这一点。例如，对于geoChoropleth，它将是'g.layer0'或'g.layer1'等。

希望这有帮助！