Question

我正在尝试编写一个将三个数字转换为三个百分比的小脚本。 Jquery可以设置三个彩色div的宽度，以反映＆＃39; spread＆＃39;这些数字。

将其视为三部分加载栏。

我为两部分装载栏制作了一些意大利面，但我不知道如何添加第三个百分比。擅长数学的人可以将三个数字变成百分之三的百分比。

 var xwidth = (+x/(+x+y)*100);
 var ywidth = (+100-xwidth);
 //var zwidth = (+100-ywidth);

Answer 1

将它们全部加= 45，每个除以45,10 / 45 = .222（或22.22％），15/45 = .333（或33.33％），20/45 = .444（或44.44％）< / p>

如果您尝试执行我的评论所说的内容，请将代码更改为：

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+'%');

使用三个数字创建百分比

1 个答案: