Как рассчитать высоту трибуны для первых трех участников, основываясь на процентах взносов?

Question

Рассмотрим следующие основные подиумы участников форума: Live демо

Как видите, высота трибун постоянна. Я хотел бы установить высоту в соответствии с процентом взноса, чтобы, если первое и второе места составляли 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/