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。