2013-11-05 169 views
5

我有一個谷歌圖表,y軸以分鐘爲單位。將時間格式化爲谷歌圖表y軸上的小時:分鐘

如何設置格式y軸這樣的標籤在像2hrs40的格式顯示時間,或2:40,或類似的東西?我不想在原始分鐘顯示時間,我不想在90分鐘內顯示爲小數點,例如「1.5」。

documentation告訴我使用ICU Pattern Set,但我無法從該頁面中找出它。

這可能嗎?如果我不能直接格式化這樣的時間,有沒有辦法通過改變使用Javascript的<svg>元素來「破解」圖表?

回答

7

格式化選項不允許您這樣做。但是,您可以使用vAxis.ticks選項來手動指定用於刻度標記的值以及要用於表示值的字符串。 vAxis.ticks選項採用一組對象,其中每個對象具有v(值)和f(格式化的值 - 圖表上顯示的內容)屬性。這樣的事情應該可以工作:

vAxis: { 
    ticks: [{v: 0, f: '0:00'}, {v: 30, f: '0:30'}, {v: 60, f: '1:00'}, {v: 90, f: '1:30'}] 
} 
+0

這工作。由於事先並不知道Y軸的範圍是什麼,我不得不動態地生成'ticks'對象,這有點冒險,但無論如何。謝謝! – GMA

0

谷歌讓你這樣做....我這樣做是爲了顯示像「5分鐘」的數據。在你選擇這樣做:

  vAxis: { 
      format: 'm \'mins\'' 
     },