Google Chart API: how can I change the format of dates on an axis?

Question

I have a google chart (set up using chartkick And I am trying to make the dates appear shorter on the chart. My Data set looks something like this:

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

However, when I load up the chart the date is formatted like so: Mar 1, 2013. How can I get the date to appear as I passed it, or in some other short format? The longer fields looked very cramped on the page I am using it on.

Answer 1

What's happening now is that the chart takes your string, parses it to a Javascript Date object, and then uses the chart's default display options to show the date.

According to the Google Charts Docs, you can pass an option format to the axes using the ICU Pattern Set. So for example, you would specify hAxis.format = "MM/dd/yy" to get "03/03/13".

Using Chartkick, you should be able to use the :library syntax to pass options.