Highcharts y axis thousands separator

Question

How to add a thousands separator to the Y Axis of Highcharts?

This is what I have:

yAxis: [{ // Primary yAxis
                labels: {

Try: `format: '{value:,.0f} €'` – jfrej Nov 06 '13 at 11:32 — jfrej, Nov 06 '13 at 11:32

score 10 · Answer 1 · edited May 23 '17 at 12:02

10

In addition to what @jfrej suggested:

If you're directly formatting an axis, use {value} for both yAxis and xAxis:
- Fiddle for yAxis format
- Fiddle for xAxis format
If you're formatting a point in a tooltip, you may want to use {point.y} and/or {point.x}:
- Fiddle for tooltip.pointFormat
- Fiddle for tooltip.pointFormat with valueSuffix extension
If you're directly formatting the point label, you may want to use {x} and/or {y}:
- Fiddle for plotOptions.series.dataLabels, formatting all points
- Fiddle for series.data.dataLabels, formatting specific point

So, since you're formatting yAxis, {value} should work as expected:

yAxis: {
    labels: {
        format: '{value:,.0f} €'
    }
}

edited May 23 '17 at 12:02

Community

1
1

answered Mar 25 '15 at 15:56

falsarella

12,217
9
69
115

2

above solution didn't work for me....I even can't see comma in y-axis of fiddle charts – Saurabh Tiwari Jun 16 '16 at 12:59
1

@SaurabhTiwari those are just *formatting* fiddle examples provided by Highcharts. You might need to tweak the examples to fulfill your requirements. The last excerpt of my answer suggests the usage tweak related to OP's requirements, which might also work for you. – falsarella Jun 16 '16 at 14:12

score 0 · Answer 2 · answered Aug 13 '19 at 07:02

0

If you find the above solution not working, try to add this:

Highcharts.setOptions({
  lang: {
    thousandsSep: ','
  }
});

answered Aug 13 '19 at 07:02

futantan

21
2

score 0 · Answer 3 · answered Jun 29 '22 at 13:49

Code to format with comma

var UNDEFINED;

Highcharts.chart(...

...

yAxis: {
       labels: {
              formatter: function () {
                     return Highcharts.numberFormat(this.value, -1, UNDEFINED, ',');
                                     }
               }
       }

Highcharts y axis thousands separator

3 Answers3