Dc.js 图表之间没有更新

Question

我开始尝试理解dc.js。

不幸的是，当我在一张图表中选择一个值时，我无法更新我的图表，因为所有教程/示例都应该有效。

我在这里做了一个jsfiddle：http://jsfiddle.net/hqwzs3ko/12/

  var ndx = crossfilter(dataSet);
  dims = groups = {};
  dims.countries = ndx.dimension(function(d) {
    return d.countryCode;
  });
  dims.gender = ndx.dimension(function(d) {
    return d.Gender;
  });
  dims.emailFlag = ndx.dimension(function(d) {
    return d.emailFlag;
  });

  //dims.countries.filter("DEU");

  groups.all = ndx.groupAll();
  groups.countries = dims.countries.group();
  groups.gender = dims.gender.group();
  groups.emailFlag = dims.emailFlag.group();

这 3 个图表显示 3 个不同的维度，因此应用于一个节目的过滤器适用于另一个节目？

提前感谢您的帮助。

Answer 1

好的发现。

这里一切正常：http://jsfiddle.net/hqwzs3ko/22/

这个想法是根据您想要计算的值定义一个 reduce 函数，在我的例子中是记录（客户）的数量。 因此，reduce 函数必须基于与用于维度创建的值不同的值：

groups.clientsPerCountries = dims.countries.group().reduceCount(function (d) { return +d.key});
groups.clientsPerGender = dims.gender.group().reduceCount(function (d) { return +d.key});
groups.clientsPerEmailFlag = dims.emailFlag.group().reduceCount(function (d) { return +d.key});

有了这个一切都很好！