Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌饼图没有响应_Javascript_Jquery_Chart.js_Google Visualization - Fatal编程技术网

Javascript 谷歌饼图没有响应

Javascript 谷歌饼图没有响应,javascript,jquery,chart.js,google-visualization,Javascript,Jquery,Chart.js,Google Visualization,我正在努力使我的图表具有响应性。我已添加此代码(如下所示)以使我的图表具有响应性。但它仍然不起作用。有人能帮我弄清楚吗?多谢各位 <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() {

我正在努力使我的图表具有响应性。我已添加此代码(如下所示)以使我的图表具有响应性。但它仍然不起作用。有人能帮我弄清楚吗?多谢各位

<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> 

load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
函数drawChart(){
var jsonData=$.ajax({
url:“”,
数据类型:“json”,
异步:false
}).responseText;
var data=新的google.visualization.DataTable(jsonData);
变量选项={
标题:“”,
哈克斯:{标题:'朱姆拉·凯帕卡兰'},
vAxis:{标题:'Jumlah Kepakaran'},
气泡:{textStyle:{fontName:'arial',fontSize:12},
颜色:[“米色”、“粉色”、“红色”、“绿色”、“紫色”、“灰色”、“橙色”]
};
if(data.getNumberOfRows()==0){
$(“图表分区”)。附加(“Graf Bidang Kepakaran masih dalam散文
彭普普兰数据。格拉夫将对彭普兰数据进行处理
塞莱赛。”)
}否则{
var chart=new google.visualization.PieChart(document.getElementById('chart_div');
图表绘制(数据、选项);
}
} 
$(窗口)。调整大小(函数(){
图纸();
});

是我的图形的图像。

您的宽度始终为800。根据窗口大小对其进行调整,并进行数学运算,使其按您的需要嵌套在您的框中

width : window.innerWidth,
查看此链接并编写更好的代码。您编写的方式存在性能问题。
您的宽度始终为800。根据窗口大小对其进行调整,并进行数学运算,使其按您的需要嵌套在您的框中

width : window.innerWidth,
查看此链接并编写更好的代码。您编写的方式存在性能问题。

现在,我调整代码时没有设置宽度和高度。但我仍然使用.resize函数。我在写代码。但问题是我的图表看起来太小了,我连标签都看不懂。你可以在这里查看我的图形->现在我的图形变小了,不像我想要的那样。创建一个小提琴plz。现在我调整我的代码而不设置宽度和高度。但我仍然使用.resize函数。我在写代码。但问题是我的图表看起来太小了,我连标签都看不懂。你可以在这里查看我的图形->现在我的图形变小了,不像我想要的那样。创建一个fiddle plz。