dc.js饼图总和示例 [英] dc.js pie chart sum example

问题描述

我有这样的记录：

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

很明显，总数=通过+失败+未经测试。我想对每个值进行汇总，然后最终使用dc.js显示一个饼图，该饼图显示总通过，失败总数，未测试总数。我找不到很好的例子。

Obviously, total = pass + fail + untested. I want to sum up each of these values and then finally show a pie chart using dc.js that shows total Pass, total Fail, total Untested. I couldnt find a good example.

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

In the example below, each record is converted to a binary loss/gain value. Then the pie chart shows the aggregated loss/gain. I need to aggregate at the collection level, not individual record level. How can I do that ?

任何帮助都很感激。

参考：

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

推荐答案

在此 jsfiddle

技巧是修改输入数据，以便您可以为结果上的所有记录创建一个维。因此数据应如下所示：

The trick is to modify your input data, so that you can create an dimension for all records on the result. So the data should look like this:

[{"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}] 

我使用我刚刚创建的名为融化，但是您自己复制相同的逻辑将非常简单。这也是最近的用户列表讨论中的另一个示例。

I did this using a new js library I just created called melt, but it would be fairly simple to duplicate the same logic yourself. Also here is another example in a recent user list discussion.

这篇关于dc.js饼图总和示例的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！