javascript - 我们如何使用 dc.js 和传单 map 通过 map 悬停来过滤图表

Question

我从this找到了闪光滤镜

地址。如果您选中此选项，您将看到当鼠标悬停 map 或其他图表时每个元素都会进行过滤。我想使用 dc.js 和传单 map 执行此操作。

我们怎样才能做到这一点？

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' 等。

希望这有帮助!