我想创建一个折线图,显示圈时间在垂直轴上,即:如何在谷歌图表中以时间格式显示vAxis?
lap1: 1:14.9
lap2: 1:14.0
lap3: 1:12.8
lap4: 1:13.6
客户希望有在垂直轴的时间格式(而不是纯数字)。有没有可能配置谷歌图表来绘制这个?
我想创建一个折线图,显示圈时间在垂直轴上,即:如何在谷歌图表中以时间格式显示vAxis?
lap1: 1:14.9
lap2: 1:14.0
lap3: 1:12.8
lap4: 1:13.6
客户希望有在垂直轴的时间格式(而不是纯数字)。有没有可能配置谷歌图表来绘制这个?
这个问题是旧的,但...
我也有类似的问题,并张贴this question。
据我所知,没有办法通过vAxis.format
来做到这一点,但你可以通过vAxis.ticks
达到你想要的效果。举例来说,如果你传递到图表的“时间”值只是以秒为一个数字,你可以创建一个ticks
对象是这样的:
vAxis: { ticks: [{v:0, f:"0:00.0"}, {v:30, f:"0:30.0"}, {v:60, f:"1:00:0"}] }
美中不足的是,V轴将总是显示全部您通过它的刻度。因此,如果您事先不知道v轴的范围是什么,您可能需要循环查看数据并确定最高和最低时间,从而动态生成ticks
对象。
[This answer] (http://stackoverflow.com/questions/14440231/google-charts-vertical-axis-in-whole-numbers/14472345#14472345)有关于如何动态生成最小和最大轴值的信息。 – jmac
你有没有想过这个? – GMA
@GeorgeMillo唉,没有。 –
我自己贴了一个问题,并得到了一个有用的答案:http://stackoverflow.com/questions/19781363/format-a-time-as-hoursminutes-on-a-google-charts-y-axis – GMA