Chart: get millisonds from JS Date with Datetime Axis in axisLabelRender event

[Christophe Giordano]

Hello,

I'm configuring a Chart with a DateTime Axis by giving a JS Date in the datasource and I tried to configure the LabelFormat to get milliseconds from this Date but the value I get in the xisLabelRender event is without ms.

I tried:

HH:mm:ss.sss

HH:mm:ss.SSS

HH:mm:ss.fff

HH:mm:ss.FFF

could you tell me please what should I use to get milliseconds ?

thank you

Christophe

[Kalaimathi Chellaiah]

Hi Christophe, 

 

Greetings from Syncfusion. 

 

We have analyzed your query. Currently, we don’t have support for milliseconds label format. In work around using axisLabelRender event, you can customize axis label. We have achieved this using the DateTimeCategory axis, but this is behave like category axis. Please find below sample and code snippet. 

 

Code Snippet: 

 

 

axis = (args: IAxisLabelRenderEventArgs) => { 

    if(args.axis.orientation === 'Horizontal') {   

       for(var i=0; i< args.axis.series.length; i++) 

       { 

         for(var j=0; j<args.axis.series[i].points.length; j++){ 

           if(args.axis.series[i].points[j].xValue === args.value){ 

               args.text = args.text + ':' + (new Date(+args.axis.series[i].points[j].x).getMilliseconds()).toString(); 

           }          

         } 

       } 

       } 

  } 

 

 Here we have shown the customized label format(hours:minutes:seconds:milliseconds), 

Screenshot: 

 

 

Sample: https://stackblitz.com/edit/datetimesample-7z7x59?file=src%2Fapp%2Fapp.component.ts 

 

UG Link: https://ej2.syncfusion.com/javascript/documentation/common/internationalization/#manipulating-datetime 

 

Hope this helps. 

Regards, 

Kalai.