如何用D3对数组求和?

时间:2018-03-30 17:41:07

标签: javascript arrays d3.js

我在努力总结数组。我没有任何错误,所以我不确定如何使它工作。

我传递给函数的数据如下所示:

{Region:'' ,freq:{yesVote:0, noVote:0}}

我试着这样总结:

    // compute pie slice angles
    var pie = d3.pie().sort(null).value(function (d) {
        var yesTotal;
        var noTotal;
        console.log(d);

        yesTotal = d3.sum(d, function(v){
            console.log(v.freq);
           return v.freq.yesVote;
        });

        noTotal = d3.sum(d, function(v){
           return v.freq.noVote;
        });

        console.log(yesTotal);
        console.log(noTotal);

        return [yesTotal,noTotal];
    });

Sum函数返回0并且sum函数内的log函数没有出现在控制台中(正确的第一个日志打印数据)所以我假设传递给sum函数的数据有问题。你能解释一下我错在哪里吗?

修改

印刷数据:

enter image description here

1 个答案:

答案 0 :(得分:4)

如果这是console.log(d)正在产生的内容:

{Region:'' ,freq:{yesVote:0, noVote:0}}

然后是的,您没有传递正确的数据。您只传递具有单个值集的对象。 d3.sum()应该对整个数据集进行操作。例如:

var data = [
  {Region: 'A' ,freq: {yesVote:1, noVote:10}},
  {Region: 'B' ,freq: {yesVote:2, noVote:11}},
  {Region: 'C' ,freq: {yesVote:3, noVote:12}}
];

yesTotal = d3.sum(data, function(d) {
  return d.freq.yesVote;
});

noTotal = d3.sum(data, function(d) {
  return d.freq.noVote;
});

console.log(yesTotal)
6
console.log(noTotal)
33

尝试将总和移出饼图值函数,因为在内部,d只是整个数据集中的一行。

相关问题