如何计算弧值之和

时间:2016-12-14 05:06:21

标签: d3.js

我有一个简单的圆环图表显示正常,但是,我很难计算弧的值的总和,然后显示在圆环的中心。我的显示效果很好,只是值不正确。 Plnkr:https://plnkr.co/edit/aedm8Xl3Z70omcZUmZqM?p=preview

    .text(function(d) { 
        var total = 0;
        for (var value in d.data ) {
            total += d.data.value;
        }
        return total 
    }

1 个答案:

答案 0 :(得分:1)

为什么不简单地对数据数组中的值求和?

var total = d3.sum(data, d => d.value)

在文字中使用total

除此之外,您多次附加相同的文字(很容易注意到这一点,文字变为粗体文字)。它应该是:

pieG.append("text")

而不是newBlock。这是你的掠夺者:https://plnkr.co/edit/WYuTHp7y4nGv9sNNAWNP?p=preview