我有一個谷歌圖(設置使用chartkick,我試圖讓日期顯示在圖表上短我的數據集看起來是這樣的:Google Chart API:如何更改軸上的日期格式?
{"03/01/13" : 3, "03/02/13" : 0, "03/03/13" : 10 } //etc.
然而,當我加載了圖表日期的格式如下:2013年3月1日。 我怎樣才能讓日期顯示,因爲我通過它或以其他一些短格式?在我正在使用它的頁面上,較長的字段顯得非常擁擠
我有一個谷歌圖(設置使用chartkick,我試圖讓日期顯示在圖表上短我的數據集看起來是這樣的:Google Chart API:如何更改軸上的日期格式?
{"03/01/13" : 3, "03/02/13" : 0, "03/03/13" : 10 } //etc.
然而,當我加載了圖表日期的格式如下:2013年3月1日。 我怎樣才能讓日期顯示,因爲我通過它或以其他一些短格式?在我正在使用它的頁面上,較長的字段顯得非常擁擠
現在發生的事情是,圖表將您的字符串解析爲Javascript日期對象,然後使用圖表的默認顯示選項來顯示日期。
根據Google Charts Docs,您可以使用ICU Pattern Set將選項format
傳遞給座標軸。因此,例如,您將指定hAxis.format = "MM/dd/yy"
以獲得"03/03/13"
。
使用Chartkick,您應該能夠使用:library
語法來傳遞options。
注意這隻適用於連續的圖表,如line_chart,而不是謹慎的圖表,如bar_chart或column_chart – cman77
我發現的一件事是,通過dd/mm/yy作爲數據值將永遠解釋爲MM/DD/YY。我無法找到更改日期格式規則的方法。但是你對hAxis顯示格式是正確的。有沒有辦法改變日期輸入格式規則? – Axil
Chartkick接受圖書館選項的多重散列哈希。對於日期格式更改,哈希將如下所示:'library:{'hAxis'=> {'format'=>'MM/dd/yy'}' – tamersalama