Google图表加载页面刷新

时间:2015-07-06 06:06:56

标签: javascript jquery google-visualization

我的谷歌图表工作正常,但我第一次触发显示图表时,我的页面显示为空白。然后当我刷新页面时,图表和其他一切看起来都很好。 我是新手,你能帮我搞清楚吗?我的代码如下:

我的图表代码:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
   google.load("visualization", "1", {packages:["corechart"]});
   google.setOnLoadCallback(drawChart);

 function drawChart() {

 var data = google.visualization.arrayToDataTable([
 ['Projects', 'Time_Spent'],
  <?php

   $sql = 'SELECT * FROM ost_ticket where staff_id = '.$_GET['uid'].'';
  $res = db_query($sql);
  while($row = db_fetch_array($res)) {

   ?>

     ['<?php echo getProjectID($row['ticket_id']) ?>', <?php echo     getProjectTime($row['ticket_id']) ?>],


  <?PHP } ?>  

]);
var options = {
  title: '',

 legend: {
   position: 'labeled',
   pieSliceText:"value"                                    
},

 pieSliceText: 'label',
   width: 350,
    height: 400,
    chartArea:{left:5,top:20,width:"100%",height:"50%"}
  };

  new google.visualization.PieChart(
    document.getElementById('chart_div')).draw(data, options);
 }

    </script>

1 个答案:

答案 0 :(得分:0)

我认为google.load和google.setOnLoadCallback都会调用jquery中的document.ready方法,如果调用两次,可能会导致空白HTML。试试这个而不是那两行。

var options = {packages: ['corechart'], callback : drawChart};
google.load('visualization', '1', options);

希望它有效!