gpt4 book ai didi

javascript - 加起来不等于 100% 的百分比

转载 作者:行者123 更新时间:2023-11-30 11:49:42 27 4
gpt4 key购买 nike

<分区>

我正在创建一个包含 3 个部分的圆环图:

enter image description here

当用户将鼠标悬停在每个彩色部分上时,它会显示 100% 的百分比。目前各版 block 如下;绿色为 78%,黄色为 13%,红色为 8%。如果将所有这些加在一起不等于 100%,则等于 99%

每个部分的值都是整数,来自端点,我正在尝试将所有内容转换为百分比。

对于这个图表,我有三个值:

var values = [1397, 234, 149];

添加时这些值需要等于 100%:

var sum = values.reduce((a, b) => a + b, 0); // this works great

要确定我使用的每个部分的百分比:

var value = 0;

values.forEach(function(number) {
console.log(number + ' = ' + (number / sum) * 100);
result += (number / sum) * 100;
});

产生以下内容:

1397 = 78.48314606741573
234 = 13.146067415730336
149 = 8.370786516853933
result = 100

现在我认为这是问题所在。我无法显示浮点值,因为它不是百分比值。我决定使用 Math.round() 来创建整数,我认为这不是正确的方法。

如何转换每个 float 值以创建等于 100% 的百分比? Math.round() 有替代方案吗?

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com