javascript - 高(饼)图计算不正确

Question

有人可以帮我理解为什么我的饼图百分比计算不正确吗？看截图:

根据我的计算，如 RHS 上所示，支出百分比应为 24.73%。传递给 Highcharts 的值如下:- 花费:204827099.36- 预算:828095192.11

我的计算如下(支出/预算)* 100:(204827099.36/828095192.11)*100=24.73%

以下是我在 Highcharts 中指定这些值的方法:

plotOptions: {
    pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
            enabled: true,
            format: '<b>{point.name}</b>: {point.percentage:.2f} %',
            style: {
                color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
            }
        },
        showInLegend: true
    }
},
series: [{
    name: 'Brands',
    colorByPoint: true,
    data: [{
        name: 'Budget',
        color: '#1e80c1',
        y: parseFloat(828095192.11)
    }, {
        name: 'Spend',
        color: '#fdc942',
        y: parseFloat(204827099.36)
    }]
}]

我是不是做错了什么？提前致谢..

Answer 1

您直接将一个除以另一个，但是您应该将其除以总数:

204827099.36/(828095192.11+204827099.36) =~ 0.1983

图书馆是正确的。我猜你希望蓝色部分显示 204827099.36 之后剩余的内容，在这种情况下你应该像这样传递它:

series: [{
    name: 'Brands',
    colorByPoint: true,
    data: [{
        name: 'Budget',
        color: '#1e80c1',
        y: parseFloat(623268092.75)
    }, {
        name: 'Spend',
        color: '#fdc942',
        y: parseFloat(204827099.36)
    }]
}]

然后它会给你你想要的百分比，但这就是你想要的吗？