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

How can we filter charts with map hover using dc.js and leaflet maps

本文关键字：地图 过滤 悬停 dc 何使用 js 单地图 我们      更新时间：2023-09-26

我从这里找到了闪光过滤器

地址。如果您选中此选项，您将看到鼠标悬停地图或其他图表时每个 elemnts 过滤。我想用 dc.js 和传单地图来做这件事。

我们该怎么做呢？

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

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

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

希望这有帮助！

相关文章：