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事件？