Google Chart API:如何更改轴上日期的格式?

时间:2013-07-03 11:44:46

标签: google-visualization

我有一个谷歌图表(使用chartkick进行设置我试图让图表上的日期显得更短。我的数据集看起来像这样:

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

但是,当我加载图表时,日期的格式如下:2013年3月1日。 如何在我通过它或其他一些短格式时显示日期?在我使用它的页面上,较长的字段看起来非常狭窄。

2 个答案:

答案 0 :(得分:11)

现在发生的是图表获取您的字符串,将其解析为Javascript Date对象,然后使用图表的默认显示选项来显示日期。

根据Google Charts Docs,您可以使用ICU Pattern Set将选项format传递给轴。例如,您可以指定hAxis.format = "MM/dd/yy"来获取"03/03/13"

使用Chartkick,您应该能够使用:library语法传递options

答案 1 :(得分:0)

我希望这会对你有帮助。在选项中使用这一行。

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

看看这个工作样本。 jqfaq.com