如何根據貢獻百分比計算排名前三的貢獻者登上領獎臺的高度？

Question

請考慮以下頂級論壇貢獻者登上領獎臺：Live demo

正如你所看到的，展臺的高度是不變的。我想根據貢獻百分比來設定高度，因此如果第一和第二位相應地爲25.6％和25.8％，那麼相應的站立高度將幾乎相同。

如何根據貢獻百分比計算高度？

Answer 1

您需要將高度百分比與傳遞給高度函數的值中的「％」一起傳遞。

將calc_heights函數更改爲如下所示。

試試這個：

$(function() { 
    var first = 42.3; 
    var second = 34.2; 
    var third = 10.7; 
    var heights = calc_heights(first, second, third); 

    $(".first").height(heights[0] + "%").html(first); 
    $(".second").height(heights[1] + "%").html(second); 
    $(".third").height(heights[2] + "%").html(third); 
}); 

function calc_heights(first, second, third) { 
    var total = (first+second+third)/100; 
    return [first/total, second/total, third/total]; 
} 

工作例如@http://jsfiddle.net/khTrx/1/