2011-10-08 56 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