Javascript 如何在谷歌图表中设置vAxis的最小间隔?
我有一个谷歌图表,如果有一些数据,它可以正常工作。但有时没有数据显示。在这种情况下,vAxis自动决定仅显示3个值:0.0、0.5和1.0。在我的例子中,只显示整数是有意义的。所以我试着用Javascript 如何在谷歌图表中设置vAxis的最小间隔?,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我有一个谷歌图表,如果有一些数据,它可以正常工作。但有时没有数据显示。在这种情况下,vAxis自动决定仅显示3个值:0.0、0.5和1.0。在我的例子中,只显示整数是有意义的。所以我试着用 vAxis: { viewWindow: { min: 0 }, format: 0 } 但它只是四舍五入显示:0,1,1。我需要一个最小间隔1来查看值:0、1、2等等 我怎样才能做到这一点 请随意摆弄这把小提琴:。根据WhiteHat的建议,这里是我对这个问题的自定义解决方案。我没有找到一种简单的方法来使
vAxis: { viewWindow: { min: 0 }, format: 0 }
但它只是四舍五入显示:0,1,1。我需要一个最小间隔1来查看值:0、1、2等等
我怎样才能做到这一点
请随意摆弄这把小提琴:。根据WhiteHat的建议,这里是我对这个问题的自定义解决方案。我没有找到一种简单的方法来使用谷歌图表选项,但这是一个简单的解决方法,它正好满足了我的需要:
google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
var maxValue=7;
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('date','date');
data.addColumn('number','Count');
data.addRows([
[新日期(2017年1月1日),0],
[新日期(2017年1月2日),0],
[新日期(2017年1月3日)7],
[新日期(2017年1月4日),0],
[新日期(2017年1月5日),0],
]);
变量选项={
标题:"测试",,
图例:“无”,
宽度:450,
身高:500
};
选项[“vAxis”]=(最大值<5){viewWindow:{min:0},记号:[0,1,2,3,4]}:
(maxValue<9)?{viewWindow:{min:0},记号:[0,2,4,6,8]}:
(maxValue<13){viewWindow:{min:0},ticks:[0,3,6,9,12]}:{viewWindow:{min:0};
var linearChart=new google.visualization.LineChart(document.getElementById('div');
linearChart.draw(数据、选项);
}