How to format the data?

Question

I want to format the Y Axis ﻿﻿value with a thousand separator. Tried to set the labelFormat to "n0" but does not work.I, in another chart, want to set the value (in the bar) as percentage, e.g. 0.15 as 15%. don't know how can I do it, i.e. what property to set. ThanksJohn

John Chen · Answer

for (2), I found that it is the property of the dataLabel.two way to do it. a) use template, and b) use text mapping (I used this method).

Durga Gopalakrishnan · Answer

Hi John, 

Greetings from Syncfusion. 

Query : I want to format the Y Axis ﻿﻿value with a thousand separator. Tried to set the labelFormat to "n0" but does not work. 

We suggest you to enable useGroupingSeparator property to separate groups of thousands. Please check with the below documentation link. 

UG : https://ej2.syncfusion.com/vue/documentation/chart/numeric-axis/#groupingseperator 

Please revert us if you have any concerns. 

Regards, 
Durga G

John Chen · Answer

Thanks Durga,

enable useGroupingSeparator property worked.But, just in case others reading it, I still need to set the labelFormat: 'N0'. Otherwise, the label sometimes show "000" after the decimal point even I made sure all data are integers.Best,John

Durga Gopalakrishnan · Answer

Hi John, 
  
Most welcome. The property useGroupingSeparator is used to group thousands using commas, but the labelFormat ‘N0’ is used to display the axis label without any decimal values. Please get back to us if you need further assistance. 
  
Regards, Durga G