带有交叉过滤器的 DC.js numberDisplay 获取总记录

Question

我正在尝试了解如何将交叉过滤器与 dc.js 一起使用。我有以下数据，我想首先用数据中的对象总数填充 numberDisplay。然后再填充票据损失的记录数。

var data = [
  {
    "team": "bills",
    "location": "home",
    "outcome": "loss"
  },
  {
    "team": "dolphins",
    "location": "away",
    "outcome": "loss"
  },
  {
    "team": "jets",
    "location": "home",
    "outcome": "loss"
  },
  {
    "team": "jets",
    "location": "home",
    "outcome": "win"
  },
  {
    "team": "dolphins",
    "location": "home",
    "outcome": "loss"
  },
  {
    "team": "dolphins",
    "location": "away",
    "outcome": "win"
  },
  {
    "team": "dolphins",
    "location": "home",
    "outcome": "win"
  },
  {
    "team": "dolphins",
    "location": "away",
    "outcome": "loss"
  }
]

DC.JS numberDisplay 需要一组，但我无法弄清楚如何简单地计算要开始的记录数。

var cf = crossfilter(data);
var team = cf.dimension(function(d) { return d.team })
var teams = team.group().reduceCount();

这似乎只返回第一个键的值？ reduceSum() 和 groupAll() 也没有工作。

var numberDisplayElem = dc.numberDisplay("#number-display-elem");
    numberDisplayElem
        .group(teams);

基本上只是试图获取总数以填充 numberDisplay，然后是单个 numberBack 过滤值，例如总账单损失等。开始时遇到问题。 TIA。

Answer 1

一个普通的crossfilter组有多个基于key函数的bin。

如果您想统计所有记录而不将它们分箱，请尝试使用 groupAll 代替：

var numRecords = cf.groupAll();
numberDisplayElem
  .group(numRecords)
  .valueAccessor(x => x);