Google visualization 谷歌图表上的最大值和最小值
如何在谷歌图表上设置最大值和最小值 我尝试过这个,但没有成功:Google visualization 谷歌图表上的最大值和最小值,google-visualization,Google Visualization,如何在谷歌图表上设置最大值和最小值 我尝试过这个,但没有成功: vAxis: { viewWindowMode:'explicit', viewWindow: { max:3000, min:500 } } 以下是我使用的所有代码: <script type="text/javascript" src="https://www.google.com/jsapi"></script&
vAxis: {
viewWindowMode:'explicit',
viewWindow: {
max:3000,
min:500
}
}
以下是我使用的所有代码:
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1.1", {packages:["bar"]});
google.setOnLoadCallback(drawChart);
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 = {
chart: {
title: 'Company Performance',
subtitle: 'Sales, Expenses, and Profit: 2014-2017',
},
vAxis: {
viewWindowMode:'explicit',
viewWindow: {
max:3000,
min:500
}
},
bars: 'vertical' // Required for Material Bar Charts.
};
var chart = new google.charts.Bar(document.getElementById('barchart_material'));
chart.draw(data, options);
}
</script>
load(“可视化”、“1.1”、{packages:[“bar”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
图表:{
标题:“公司业绩”,
字幕:“销售、费用和利润:2014-2017”,
},
言辞:{
viewWindowMode:“显式”,
视图窗口:{
最高:3000,
最低:500
}
},
条形图:“垂直”//材质条形图需要。
};
var chart=new google.charts.Bar(document.getElementById('barchart_material');
图表绘制(数据、选项);
}
(示例来自)
Thks。随着材料图表的发布,谷歌正在修改选项的指定方式。这些选项的结构尚未最终确定,因此Google提供了一个将经典选项结构转换为新选项的功能,建议您使用它,而不是使用将来可能更改的选项 因此,您可以通过以下两种方式之一解决问题:
google.load(“可视化”、“1.0”{packages:[“bar”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
图表:{
标题:“公司业绩”,
字幕:“销售、费用和利润:2014-2017”,
},
言辞:{
viewWindowMode:“显式”,
视图窗口:{
最高:3000,
最低:500
}
},
条形图:“垂直”,//物料条形图为必填项。
宽度:800,
身高:600
};
var chart=new google.charts.Bar(document.getElementById('barchart_material');
绘制(数据,google.charts.Bar.convertOptions(选项));
}
当前将此格式与转换器选项一起使用时,视口将按预期进行调整,但轴标签已偏离(远离图形边界,不再与数据匹配)。如果有人对此有解决方案,请告诉我;)除此之外,经过进一步测试;值本身会根据图形进行调整,但缩放不会。使用材质图表的“本机”选项会生成相同的问题。我正在使用google.charts.Line。顺便说一句,谢谢,今天帮了我一个任务