2011-10-08 73 views
2

我想创建一个折线图,显示圈时间在垂直轴上,即:如何在谷歌图表中以时间格式显示vAxis?

lap1: 1:14.9 
lap2: 1:14.0 
lap3: 1:12.8 
lap4: 1:13.6 

客户希望有在垂直轴的时间格式(而不是纯数字)。有没有可能配置谷歌图表来绘制这个?

+0

你有没有想过这个? – GMA

+0

@GeorgeMillo唉,没有。 –

+1

我自己贴了一个问题,并得到了一个有用的答案:http://stackoverflow.com/questions/19781363/format-a-time-as-hoursminutes-on-a-google-charts-y-axis – GMA

回答

2

这个问题是旧的,但...

我也有类似的问题,并张贴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对象。

+1

[This answer] (http://stackoverflow.com/questions/14440231/google-charts-vertical-axis-in-whole-numbers/14472345#14472345)有关于如何动态生成最小和最大轴值的信息。 – jmac