Olá, pessoal. Estou tendo problema ao tornar um gráfico que está com "display:none" em "display: block" através do Javascript. O problema é que quando eu torno o gráfico visível ele fica menor do que o esperado.
O gráfico está ficando com esta resolução
Quando deveria ficar com esta resolução
Segue abaixo como está o código do gráfico em questão
Código html
<div id="relat_sit_table" style="display:none;">
<div class='tab_title'>Situação UC Sem Medidor <?php echo "($mees/$anoo)"; ?></div><br/>
<div id='table_div_estilo2'><br/>
<div id='table_div3'></div></div><br/>
</div>
<div id="relat_sit_det2" style="display:none"><p class="relat_sit_det2"> Veja comparação entre os últimos meses <a href="#" name="relat_sit2" onClick="optionCheck4()">aqui</a></p></div>
Javascript
function optionCheck1(){
document.getElementById("columnchart_material_2").style.display ="none";
document.getElementById("piechart").style.display ="block";
document.getElementById("relat_class_det1").style.display ="none";
document.getElementById("relat_class_det2").style.display ="block";
}
style="visibility: hidden; position: absolute;"
... depois com o JS vc altera comELEMENTO.style.visibility = "visible"
eELEMENTO.style.position = "relative"
– Sam 23/07/18 às 18:42