用三個數字創建百分比

Question

我正在嘗試編寫一個將三個數字轉換爲三個百分比的小腳本。 jquery可以設置三個彩色div的寬度來反映這些數字的「擴展」。

把它想象成一個三部分加載欄。

我爲兩部分加載欄製作了一些意大利麪，但我不知道如何添加第三個百分比。有人擅長數學就能夠把三個數字分爲三個百分比出100

http://jsfiddle.net/gzz46/1/

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

Answer 1

添加他們都= 45，將每個45，四十五分之十= 0.222（或22.22 ％），15/45 = .333（或33.33％），20/45 = 0.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+'%');