Googlecharts perde estilo dentro de div

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>