Javascript 如何在谷歌图表中设置轴步长?
我想知道如何在用JavaScript构建的google图表中设置axis步长? 我使用此选项设置最小值和最大值:Javascript 如何在谷歌图表中设置轴步长?,javascript,google-visualization,Javascript,Google Visualization,我想知道如何在用JavaScript构建的google图表中设置axis步长? 我使用此选项设置最小值和最大值: vAxis: { title: 'temps (ms)', viewWindowMode: 'explicit', viewWindow: { max: 180, min: 0 }, } 例如,我需要添加另一个约束,将垂直步长固定为0.1。最后我发现了一个技巧,使用: vAxis: { title:
vAxis: {
title: 'temps (ms)',
viewWindowMode: 'explicit',
viewWindow: {
max: 180,
min: 0
},
}
例如,我需要添加另一个约束,将垂直步长固定为0.1。最后我发现了一个技巧,使用:
vAxis: {
title: 'temps (ms)',
viewWindowMode: 'explicit',
viewWindow: {
//max: 180,
min: 0,
},
gridlines: {
count: 10,
}
}
它没有设定步骤,而是告诉你
最大/(nb步数)=计数(此处为10)
因此,例如,将max设置为180,使用
count:10
我基本上做了alain所做的事情,计算max值,将其乘以1.1(考虑图表上max元素上方的填充)把它除以我想要的步骤,给我需要的步骤
vAxis: {
title: 'vAxis',
minValue: 0,
gridlines: {
count: Math.ceil(max * 1.1 / interval) // try to pick the correct number to create intervals of 50000
}
}
其中,max
是最大值,interval
是所需的间隔。
这尚未经过彻底测试,因此可能需要调整
1.1
的常数和使用Math.ceil
。您可以使用刻度来完成:
vAxis: {
title: 'temps (ms)',
viewWindow: {
min: 0,
max: 180
},
ticks: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150, 160, 170, 180] // display labels every 10
}