如何以时间格式在谷歌图表中显示 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 对象。