单击每个dc.js图表​​的事件

Question

我使用dc.js来显示我的仪表板上的一些图表.我正在寻找的是处理每个图表的点击事件(例如条形图点击事件,饼图点击事件和远程图表的鼠标注册事件等)并保存点击图表在数据库中的历史记录.这样,用户将能够在登录后看到用户为任何图表所做的点击.

我已经检查了dc.js的点击事件,但我没有得到正确的.

有谁能够帮我？任何帮助,将不胜感激.

Answer 1

观看"过滤"事件可能更容易,也更有帮助:

chart.on('filtered.monitor', function(chart, filter) {
    // report the filter applied
});

我说更容易,因为你不必担心为不同的图表观看不同的事件.更有帮助,因为'过滤'会显示单击而无需进一步处理的结果,因此您可以显示实际查看的内容而不仅仅是单击的内容.

.monitor在上面的示例中是一个事件命名空间.您可以使用您想要的任何字符串,但请使用某个命名空间以避免踩到同一事件的其他观察者.

如果你真的想要点击事件,你可以chart.onClick通过分配它并调用旧处理程序(yuck)来覆盖,或者你可以使用例如

chart.selectAll('rect.bar').on('click.monitor', ...)

但现在你必须查看源代码,找出每个图表中要选择的内容.此处的命名空间非常重要,因为您不希望干扰内部事件处理.