Google饼图不响应

Question

我试图使我的图表响应。 我添加了以下代码（如下所示）以使图表响应。 但是仍然无法正常工作。 有人可以帮我弄清楚吗？ 谢谢。

<script type="text/javascript"> 

google.charts.load('current', {'packages':['corechart']}); 
google.charts.setOnLoadCallback(drawChart); 

function drawChart() { 
  var jsonData = $.ajax({ 
      url: "<?php echo base_url() . 'index.php/main/lihat_graph' ?>", 
      dataType: "json", 
      async: false 
      }).responseText; 

  var data = new google.visualization.DataTable(jsonData);

  var options = {
    title:    '',
    hAxis:    {title: 'Jumlah Kepakaran'},
    vAxis:    {title: 'Jumlah Kepakaran'},
    bubble:   {textStyle: { fontName: 'arial', fontSize: 12 }},
    colors:   ['beige','pink','#00ADF9', 'maroon', 'red', 'green', 'purple', 'gray', 'orange']
  };

  if(data.getNumberOfRows() == 0){
    $("#chart_div").append("Graf Bidang Kepakaran masih dalam proses 
    pengumpulan data. Graf akan dipaparkan setelah proses pengumpulan data 
    selesai.")
  }else{
   var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
   chart.draw(data, options);        
  }
} 


$(window).resize(function(){
  drawChart();
});
</script> 

图是我图的图像。

Answer 1

您的宽度始终为800。将其调整为窗口大小，然后进行数学运算以使其根据需要嵌套在框中。

width : window.innerWidth,

看到此链接并编写更好的代码。 您编写的方式存在性能问题。 jQuery：仅在完成大小调整后如何调用RESIZE事件？