crossfilter - dc.js 饼图总和示例

Question

我有这样的记录:

{
{"Pass": "10", "Fail": "20", "Untested": "40"}
{"Pass": "20", "Fail": "40", "Untested": "50"}
{"Pass": "30", "Fail": "50", "Untested": "60"}
...
}

显然，总数 = 通过 + 失败 + 未经测试。我想总结每个值，然后最后使用 dc.js 显示一个饼图，其中显示总通过、总失败、总未测试。我找不到一个好的例子。

在下面的示例中，每个记录都转换为二进制损失/增益值。然后饼图显示汇总的损失/ yield 。我需要在集合级别而不是单个记录级别进行聚合。我怎样才能做到这一点 ？

非常感谢任何帮助。

引用:

http://nickqizhu.github.io/dc.js/

Answer 1

看一下 jsfiddle 中的示例

诀窍是修改您的输入数据，以便您可以为结果上的所有记录创建一个维度。所以数据应该是这样的:

[{"result":"Pass","value":"10","_id":0},
{"result":"Fail","value":"20","_id":0},
{"result":"Untested","value":"40","_id":0},
{"result":"Pass","value":"20","_id":1},
{"result":"Fail","value":"40","_id":1},
{"result":"Untested","value":"50","_id":1},
{"result":"Pass","value":"30","_id":2},
{"result":"Fail","value":"50","_id":2},
{"result":"Untested","value":"60","_id":2}] 

我使用刚刚创建的新 js 库 melt 来完成此操作。 ，但自己复制相同的逻辑将相当简单。这也是最近的另一个例子 user list discussion .