jqChart date labels display only time

Question

I’m creating a zoomable chart with jqChart. I’m using the code from this sample:

http://www.jqchart.com/samples

The issue is when I’m zooming the chart a lot, the x-axis labels switch form dates to times.

How can I display the real date (not only time) when zoom?

score 1 · Answer 1 · answered Sep 05 '12 at 14:26

Hi you can specify the intervalType in the dateTimeAxisOptions when you construct the chart

here is the documentation and you can do something like this, this should solve your peoblem

axes: [
    {
          type: 'dateTime',
          location: 'bottom',
          minimum: new Date(2011, 1, 4),
          maximum: new Date(2011, 1, 18),
          interval: 1,
          intervalType: 'days'
      }
   ]

score 0 · Accepted Answer · answered Sep 05 '12 at 16:45

The jqChart axis labels are formatted depending on the date time interval, which is calculated. If interval becomes ‘hours’ it changes the labels string format.

You can change the string format with:

axes: [ 
       { 
          type: 'dateTime', 
          location: 'bottom', 
          labels: { stringFormat: 'm/d/yy' }
      } 
     ]

and in this case the labels won’t turn to a time.

More about the labels formatting you can find here:

http://www.jqchart.com/documentation/userguide/default.aspx#!LabelsFormatting

jqChart date labels display only time

2 Answers2