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)。是否在容器可见之前绘制图表?