mds2013gx / mds2013

1 stars 3 forks source link

Height das barras de acordo com valor #7

Closed mrbreakbeat closed 10 years ago

mrbreakbeat commented 10 years ago

Corrigir o tamanho das barras para que elas fiquem proporcionais dentro da área de apresentação do gráfico no browser, as barras estão estourando quando os dados são capturados do PHP.

mrbreakbeat commented 10 years ago

Eduardo Augusto conseguiu resolver a questão! bastou fazer uma reimplementação da regra de porcentagem! para tal, bastou que houvesse a conversão do tamanho máximo das barras para o valor que vinha da aplicação.

O método do javascript modificado foi: if($('.main-chart')) {

    $('.bar').each(function(){

        var value = $(this).find(".value").html();

        var percent = (value * 100) / 250000;

        var psign = "%";

        $(this).find('.value').html('');

        $(this).find('.value').animate({height:percent.psign}, 2000);

    });

}

foi modificado para: if($('.main-chart')) {

    $('.bar').each(function(){

        var value = $(this).find(".value").html();

        var percentValue = (value * 100) / 200000;

        var finalValue = (300 * percentValue) / 100;

        $(this).find('.value').html('');

        $(this).find('.value').animate({height:finalValue}, 2000);

    });

}