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

我有几个图表可以正确地使用dc.js，但是我想跟踪笔刷移动时值的变化，类似于这里的主交叉过滤器示例：

我的问题的一部分是，当使用dc.js图表时，我没有完全理解brush事件侦听器是如何工作的，所以我肯定我遗漏了一些简单的东西。我已经看过了D3.js笔刷API

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

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

但这一事件并未发生。我还尝试将图表分组在一起，类似于crossfilter示例代码，但没有成功

这里有一把完整的小提琴：

---

谢谢

我发现dc.js已经有了一个数据计数小部件来处理这个功能

您可以在dc.js文档中的“数据计数”下找到一个示例-

我还更新了我的小提琴（）

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

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

---

我相信它已经在笔刷移动时更新了。只是dc.js有一个相对较长的默认过渡长度。慢慢移动笔刷，你就会看到它。谢谢Ethan。我找到了内置的dc.js数据计数小部件，这就是我要找的。这个页面上有一个示例：我正在用小提琴处理它，所以我会更新这个pa上的链接通用电气曾经在我的版本中使用过它。啊，是的。对不起，没有得到你想要的。玩得开心！