如何以时间格式在谷歌图表中显示vAxis？

Question

我想创建一个折线图，显示垂直轴的单圈时间，即：

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

客户希望在垂直轴上使用时间格式（而不是普通数字）。是否可以配置谷歌图表来绘制它？

Answer 1

这个问题很古老，但是......

我遇到了类似问题并发布了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对象。