dc.js：数据子集的条形图

Question

我有格式的数据

 [
{ "date": dt1, "action": "T", "isRequest": "", "delay": 0 },
{ "date": dt1, "action": "C1", "isRequest": "R", "delay": 10 },
{ "date": dt1, "action": "T", "isRequest": "", "delay": 0 }, 
{ "date": dt1, "action": "C2", "isRequest": "R", "delay": 20 },
{ "date": dt1, "action": "T", "isRequest": "", "delay": 0 },
... ]

主条形图是关于计数（数组中的 1 行），所有延迟图是关于延迟分布（属性延迟）按日期过滤主图，更改所有延迟图表上的数据。
到目前为止，还不错。
现在，我想要另一个图表，它可以处理所有延迟图表中的数据子集，同时考虑属性 "action": "C1" 的过滤器。我可以过滤原始数据并调用 crossfilter(filteredData)，但在主图上过滤不会反映在该图表中的数据上。我试图从中获得灵感

例子在
http://jsfiddle.net/iracic/dtyeL7g7/5/

谢谢

Answer 1

您可能希望在自定义组中实施过滤器，以便该组仅汇总符合您条件的记录。您可以使用像 Reductio 这样的帮助程序库来执行此操作，并且可以像这样构建您的组：

var dim = ndx.dimension(...);
var group = reductio().count(true)
  .filter(function(d) { return d.action === "C1"; })(dim.group());

此处文档中的示例：https://github.com/crossfilter/reductio#aggregations-standard-aggregations-reductio-b-filter-b-i-filterfn-i-

也可以直接使用自定义组来完成此操作，但有点复杂。

不相关：group.reduceCount 不带参数，因此您在示例中传递给它的函数没有执行任何操作。

dc.js：数据子集的条形图

dc.js: Bar chart on subset of data

javascript

charts

d3.js

crossfilter

dc.js