Googlecharts perde estilo dentro de div

[rdpacato 2]

Pessoal,

 

estou mexendo com gogle charts (gráficos do google) só que quero colocar dentro de um div que oculta/mostra o conteúdo, só que quando coloco os gráficos dentro, eles perdem o estilo e ficam tortos.

 

 

 

 

 

Função de ocultar:

<script src="js/jquery-1.11.1.min.js"></script>
<script>
 $(document).ready(function(){
 var show1; // declare variable to hold show/hide state
    $(".thebody1").hide(); // hide articles at first
    $(".readme1 a").click(function(event){ // show/hide articles
      if (!show1) { showhide1($(this),"Alarmes (Ocultar)",true); } // show, change label
      else { showhide1($(this),"Alarmes",false); } // or hide, change label
      return false; // u know: disable usual link click function
      function showhide1(what,swaptext,swapstate){
        $(what).parents(".readme1").prev(".thebody1").toggle('fast');
        $(what).text(swaptext);
        show1 = swapstate; // pass the current state to... oops! Fails if > 1 article showing...
      }
    });

Div que oculta e que possui os mapas:

      	<div class="thebody1">
		    <ul class="thumbnails">
		      <li class="span4">
	          	<div id="dataProjetos">01/07/2015 - 30/10/2015 (2ª Etapa)</div>
	          	<div id="tituloProjeto" class="thumbnail" data-toggle="modal">
	            	Central de Alarmes<div id="piechart1"></div>
	            </div>
	          </li>
	          <li class="span4">
	          	<div id="dataProjetos">13/06/2015 - 01/09/2015 (Previsão)</div>
	          	<div id="tituloProjeto" class="thumbnail" data-toggle="modal">
	            	Vistoria Remota<div id="piechart2"></div>
	            </div>
	          </li>
	          <li class="span4">
	            <div id="dataProjetos">06/03/2015 - 30/10/2015 (Previsão)</div>
	          	<div id="tituloProjeto" class="thumbnail" data-toggle="modal">
	            	Sistema de Automação Residencial Com Alarme e Câmera<div id="piechart3"></div>
	            </div>
	         </li>                        
	   	   </ul>
	   	</div>
	   	<div class="readme1">
	   		<a href='' title='Ler artigo' class="btn btn-primary">Alarmes</a>
	   	</div>

[rdpacato 2]

Troquei por esconder em div através de checkbox pela função abaixo, mas continua com o mesmo problema:

	function bloqueio() {		if (document.getElementById("alarmes").style.display == "block") {			document.getElementById("alarmes").style.display = "none";		} else {			document.getElementById("alarmes").style.display = "block";		}	}

<div>		<input type="checkbox" name="checkbox"			value="checkbox" onclick="bloqueio()" /> Alarmes			</div><div id="alarmes" align="center" style="display: none"><b>Projetos de Alarmes</b><br><br><ul class="thumbnails">		      <li class="span4">	          	<div id="dataProjetos">01/07/2015 - 30/10/2015 (2ª Etapa)</div>	          	<div id="tituloProjeto" class="thumbnail" data-toggle="modal">	            	Central de Alarmes<div id="piechart1"></div>	            </div>	          </li>                     	   	   </ul></div>	  

Ninguém?