使用dc.js / crossfilter.js跟踪移动画笔时选择的当前值的数量

Question

我有几个图表可以正常使用dc.js，但是我想跟踪移动画笔时更改的值，类似于此处的主要crossfilter示例：http://square.github.io/crossfilter/。

我的部分问题是我在使用dc.js图表​​时并不完全了解画笔事件侦听器的工作原理，所以我确信我遗漏了一些简单的东西。我查看了D3.js画笔API。

我尝试将.on（“brushstart”，brushed）添加到图表对象以及创建画笔的实例，然后添加如下事件：

brush.on("brushstart", function() {
        console.log("brush test");
    });

但事件没有解雇。我也尝试将图表分组在一起，类似于crossfilter示例代码，但没有运气。

这里有一个完整的小提琴：http://jsfiddle.net/neilsatt/6Zk9v/

由于

Answer 1

我发现dc.js已经有一个处理此功能的数据计数小部件。

您可以在dc.js文档中找到“DATA COUNT”下列出的示例 - http://dc-js.github.io/dc.js/docs/stock.html

我还更新了我的小提琴（http://jsfiddle.net/neilsatt/6Zk9v/1/）

HTML中的第6-9行包含小部件，这里是JavaScript中更新的第111-113行：

dc.dataCount(".dc-data-count")
  .dimension(xFilter)
  .group(all);