Overview – Formatting Date & Time Values

Comments 13

1. Hi there,
   I found there is a bug in your javascript. A date value for the axisX datapoint. The month part is being shifted by one. For example (x:new Date(2012, 06, 15) is displayed in the graph as “15-Jul”. It should be “15-Jun”.

   Are you able to fix this bug. We purchased your Canvasjs component and would like this to be fixed.

   Thanks,
   Carlos
   Lee Valley Tools.

   • Carlos,

     Its actually not a bug. Month values being passed to the Date constructor follow zero based index in JavaScript – month values range from 0-11 (instead of 1-12)

     Please see the last reply in this thread for more info. https://canvasjs.com/forums/topic/minutedata-gives-monthissue/#post-4630

2. Could it be possible to specify a callback function for date formatting?

   In the past I have used the php plotting library “phplot” and its possibility to pass such a function. That makes it possible to have different date formats inside the same chart, e.g.:
   Normally only show the time; at date changes, show the date, too.

   As far as I understand these docs, you can’t achieve this behavior with CanvasJS by now, right?

   • Update:Custom Formatting is available in v1.7.0. Please checkout label formatter.
     

3. Hi

   Is it possible to translate the weekdays into other languages?

   • Yes. Please refer to culture and localization section

     • Nice!

4. is it possibe to shpw the time in x-axis instead of date?

5. I cannot get the hours and minutes date formatting working. I’m trying to get the following date

   x: new Date(2016, 03, 03, 9, 10, 0, 0)

   I.e. Sun Apr 03 2016 09:10:00.0

   shown as only the time part i.e. “09:10”. I’m using the below for this:
   chart.options.axisX = { valueFormatString: “HH-mm”};

   but get only “00-00” as a result shown. What is wrong here?

   • Mikko,
     We were unable to reproduce your issue. As we checked, its working fine. Can you kindly create a jsfiddle, so that we can help you out.

     • I got the problem solved. HH-mm now working ok. The only thing that I changed was the x-coordinate name in my dataPoint object. See below. For some reason, after this the axisX-formatting started to work ok.

       ORIGINAL:
       function dataPoint(label, y)
       {
       this.label = label;
       this.y = y;
       }

       CHANGED TO:
       function dataPoint(x, y)
       {
       this.x = x;
       this.y = y;
       }

6. Hello,
   I can’t apply the valueFormatString in the toolTip. Is there a way to do that?
   Thank you

   • You can specify xValueFormatString or/and yValueFormatString in dataSeries to apply valueFormatString in the toolTip.