Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/186.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 在加载Google图表时禁用缩放因子_Javascript_Android_Google Visualization_Column Chart - Fatal编程技术网

Javascript 在加载Google图表时禁用缩放因子

Javascript 在加载Google图表时禁用缩放因子,javascript,android,google-visualization,column-chart,Javascript,Android,Google Visualization,Column Chart,我正在做一个项目,我想在加载谷歌地图时禁用或修改缩放因子(默认缩放)。但是我做不到。当活动开始时,它显示以下内容: 代码是 <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts

我正在做一个项目,我想在加载谷歌地图时禁用或修改缩放因子(默认缩放)。但是我做不到。当活动开始时,它显示以下内容:

代码是

<html>
<head>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script type="text/javascript">
      google.charts.load('current', {
  callback: function () {
    drawChart();
    window.addEventListener('resize', drawChart, false);
  },
  packages:['corechart']
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', 'Expenses', 'Profit'],
    ['2014', 1000, 400, 200],
    ['2015', 1170, 460, 250],
    ['2016', 660, 1120, 300],
    ['2017', 1030, 540, 350]
  ]);

  var options = {
    animation:{
      duration: 1000,
      easing: 'linear',
      startup: true
    },
    height: 600,
    theme: 'material',
    title: 'Company Performance'
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('columnchart_material'));
  chart.draw(data, options);
}
    </script>
</head>
<body>
<div id="columnchart_material" style="width: 900px; height: 500px;"></div>
</body>
</html>

google.charts.load('current'{
回调:函数(){
图纸();
window.addEventListener('resize',drawChart,false);
},
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
动画:{
持续时间:1000,
“线性”,
启动:正确
},
身高:600,
主题:"材料",,
标题:“公司业绩”
};
var chart=new google.visualization.ColumnChart(document.getElementById('ColumnChart_material');
图表绘制(数据、选项);
}

示例:我想用300*300的尺寸来拟合整个图表。

图表将填充容器的宽度

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
图纸();
window.addEventListener('resize',drawChart,false);
},
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
动画:{
持续时间:1000,
“线性”,
启动:正确
},
身高:600,
主题:"材料",,
标题:“公司业绩”
};
var chart=new google.visualization.ColumnChart(document.getElementById('ColumnChart_material');
图表绘制(数据、选项);
}
#柱形图#材料{
宽度:300px;
}


您是否正在设置容器的宽度?或者,如果宽度改变,图表将需要重新绘制…宽度不变。(300*300)。是否在容器可见之前绘制图表?