Thousand separator in chart axis

[Sarah Riethmüller]

Hi,

I would like to add a thousand separator " " (space) into the chart axis. 

How can I achieve this? 

Thanks!

[Baby Palanidurai]

Hi Sarah, 

Thanks for using syncfusion products, 

    We have analyzed your query. Your requirement can be achieved by using axisLabelRender event. This event triggers for each axis label before rendering. From this event we can get the axis label text, so we can customize the axis labels here. As per your requirement we have prepared a sample.  In that sample we have added space as thousand separator in the axisLabelRender event. 

For more information on axisLabelRender event, kindly find the below document link, 

https://ej2.syncfusion.com/angular/documentation/chart/axis-labels.html#customizing-specific-point 

Please find the below code snippet to achieve this requirement, 

<ejs-chart #chart id="chart-container" (axisLabelRender) = 'axisLabelRender($event)'> 

</ejs-chart> 

 public axisLabelRender(args : IAxisLabelRenderEventArgs ): void { 

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

        args.text = (args.text).replace(/\B(?=(\d{3})+(?!\d))/g, " "); 

    } 

  }; 

Screenshot: 

 

Sample for your reference can be find from below link, 

http://www.syncfusion.com/downloads/support/directtrac/general/ze/separator1359037639.zip 

Kindly revert us, if you have any concerns. 

Thanks, 

Baby. 

[Sarah Riethmüller]

Hi,

thank you really much!

This works now!

[Baby Palanidurai]

Hi Sarah, 

Thanks for your update, 

   Please let us know if you need any further assistance on this. 

Thanks, 

Baby.