lundi 10 juin 2019

why is my lavacharts/googlecharts not responsive?

i know is a little hard to dump this question in here, but i dont know what else to do. I'm trying to plot GOOGLE CHARTS in some part of my page, but it does not being responsive in any way. I tried apply 100% width and height in the divs, but it doesnt work. Inspecting my code, there's not a CSS rule that is limiting the chart width...

<div class="tab_conteudo" id="resumo_resgates" >

    <div id="bar_div" style="width: 100%; height: 100%;"></div>
    <div id="col_div" style="width: 100%; height: 100%;"></div>     

</div>

<?= $lava->render('BarChart', 'Carros', 'bar_div') ?>
<?= $lava->render('ColumnChart', 'Qtd.', 'col_div') ?>

When i first open it starts like this:

enter image description here

When i resize the screen it go to the size it shoul be, until the screen size keeps getting small and the chart dont get small to be responsive.

enter image description here



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire