我正在尝试编写一个小脚本,将三个数字转换为三个百分比。 Jquery 可以设置三个彩色 div 的宽度来反射(reflect)这些数字的“分布”。
将其视为由三部分组成的加载栏。
我为两部分加载条做了一些意大利面,但我不知道如何添加第三个百分比。擅长数学的人可以将三个数字化成 100 的三个百分比。
var xwidth = (+x/(+x+y)*100);
var ywidth = (+100-xwidth);
//var zwidth = (+100-ywidth);
最佳答案
将它们全部相加 = 45,分别除以 45、10/45 = .222(或 22.22%)、15/45 = .333(或 33.33%)、20/45 = .444(或 44.44%)
如果你想按照我的评论说的去做,把你的代码改成这样:
var x = 10;
var y = 15;
var z = 20;
var total = x+y+z;
var xwidth = (x/total)*100;
var ywidth = (y/total)*100;
var zwidth = (z/total)*100;
$(".x").css('width', xwidth+'%');
$(".y").css('width', ywidth+'%');
$(".z").css('width', zwidth+'%');
或者,更干净:
var x = 10;
var y = 15;
var z = 20;
var total = x+y+z;
$(".x").css('width', (x/total)*100+'%');
$(".y").css('width', (y/total)*100+'%');
$(".z").css('width', (z/total)*100+'%');
关于javascript - 用三个数字创建一个百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22619531/