2013-07-03 119 views
4

我有一個谷歌圖(設置使用chartkick,我試圖讓日期顯示在圖表上短我的數據集看起來是這樣的:Google Chart API:如何更改軸上的日期格式?

{"03/01/13" : 3, "03/02/13" : 0, "03/03/13" : 10 } //etc. 

然而,當我加載了圖表日期的格式如下:2013年3月1日。 我怎樣才能讓日期顯示,因爲我通過它或以其他一些短格式?在我正在使用它的頁面上,較長的字段顯得非常擁擠

回答

11

現在發生的事情是,圖表將您的字符串解析爲Javascript日期對象,然後使用圖表的默認顯示選項來顯示日期。

根據Google Charts Docs,您可以使用ICU Pattern Set將選項format傳遞給座標軸。因此,例如,您將指定hAxis.format = "MM/dd/yy"以獲得"03/03/13"

使用Chartkick,您應該能夠使用:library語法來傳遞options

+1

注意這隻適用於連續的圖表,如line_chart,而不是謹慎的圖表,如bar_chart或column_chart – cman77

+0

我發現的一件事是,通過dd/mm/yy作爲數據值將永遠解釋爲MM/DD/YY。我無法找到更改日期格式規則的方法。但是你對hAxis顯示格式是正確的。有沒有辦法改變日期輸入格式規則? – Axil

+1

Chartkick接受圖書館選項的多重散列哈希。對於日期格式更改,哈希將如下所示:'library:{'hAxis'=> {'format'=>'MM/dd/yy'}' – tamersalama

0

我希望這可以幫到你。在選項中使用這條線。

var options = { 
       format: 'dd-MMM-yyyy' 
       } 

看看這個工作示例。 jqfaq.com

+0

只是擡起頭來,你發給我的鏈接有500條內部錯誤信息。 – GSto

+0

@GSto但這段代碼正常工作與我 –

+0

只是再次檢查,現在看起來不錯。一定是一個暫時的錯誤 – GSto