我有一個谷歌圖表,y軸以分鐘爲單位。將時間格式化爲谷歌圖表y軸上的小時:分鐘
如何設置格式y軸這樣的標籤在像2hrs40
的格式顯示時間,或2:40
,或類似的東西?我不想在原始分鐘顯示時間,我不想在90分鐘內顯示爲小數點,例如「1.5」。
documentation告訴我使用ICU Pattern Set,但我無法從該頁面中找出它。
這可能嗎?如果我不能直接格式化這樣的時間,有沒有辦法通過改變使用Javascript的<svg>
元素來「破解」圖表?
我有一個谷歌圖表,y軸以分鐘爲單位。將時間格式化爲谷歌圖表y軸上的小時:分鐘
如何設置格式y軸這樣的標籤在像2hrs40
的格式顯示時間,或2:40
,或類似的東西?我不想在原始分鐘顯示時間,我不想在90分鐘內顯示爲小數點,例如「1.5」。
documentation告訴我使用ICU Pattern Set,但我無法從該頁面中找出它。
這可能嗎?如果我不能直接格式化這樣的時間,有沒有辦法通過改變使用Javascript的<svg>
元素來「破解」圖表?
格式化選項不允許您這樣做。但是,您可以使用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'}]
}
谷歌讓你這樣做....我這樣做是爲了顯示像「5分鐘」的數據。在你選擇這樣做:
vAxis: {
format: 'm \'mins\''
},
這工作。由於事先並不知道Y軸的範圍是什麼,我不得不動態地生成'ticks'對象,這有點冒險,但無論如何。謝謝! – GMA