我想創建一個折線圖,顯示圈時間在垂直軸上,即:如何在谷歌圖表中以時間格式顯示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