Group separator only for numbers greater than 9999

[Michaelp]

Hi everyone,

Is there a way for me to format numbers so numbers greater than 9999 use a comma to separate them (e.g. 10,000) but numbers less than 10,000 do not use a comma (e.g. 1000)?

Kind regards,

Michael

• This topic was modified 6 years, 6 months ago by Michaelp. Reason: Found a typo

[Vishwas R]

Michael,

You can achieve this with the help of axis labelFormatter and formatNumber(). Please take a look this jsfiddle.

—
Vishwas R
Team CanvasJS

[Michaelp]

Thanks Vishwas.

I note that the y value in the tooltip still has a comma for numbers equal to or less than 9999.

Is there any easy way of replicating the labelFormatter in the tooltip without rebuilding it through contentFormatter? E.g can you use the labelFormatter for a datapoint’s yValueFormatString attribute?

Kind regards,

Michael

[Vishwas R]

Michael,

Sorry to inform you that its not possible to avoid using contentFormatter in this scenario. yValueFormatString is a property of dataSeries that accepts string whereas labelFormatter and contentFormatter are methods of axis and toolTip respectively.

However you can reduce the number of lines of code using ternary operator. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Michaelp]

Thanks Vishwas. That is very helpful.