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

【问题标题】：Keeping track of the current number of values selected when the brush is moved, using dc.js/crossfilter.js使用 dc.js/crossfilter.js 跟踪画笔移动时选择的当前值的数量
【发布时间】：2014-05-27 18:24:31
【问题描述】：

我有几个图表可以在 dc.js 中正常工作，但我想跟踪画笔移动时值的变化，类似于此处的主要交叉过滤器示例：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/

谢谢

【问题讨论】：

我相信它已经在画笔移动时更新了。只是 dc.js 有一个相对较长的默认过渡长度。慢慢移动画笔，你会看到的。
谢谢伊桑。我找到了我正在寻找的内置 dc.js 数据计数小部件。此页面上有一个示例：jun9.github.io/dc.js/index.html 我正在处理它，所以一旦我让它在我的版本中工作，我将更新此页面上的链接。
啊，是的。对不起，没有得到你要问的。玩得开心！

标签： d3.js dc.js crossfilter

【解决方案1】：

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

您可以在 dc.js 文档的“数据计数”下找到一个示例 - 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);

【讨论】：