we are using highcharts and are trying to use stacked charts, but running into some issues. See the following fiddle:

/

I'm able to display the number to a given precision, however the data labels (which are the sum of the stack) are left unrounded. Is there any way to cut these data labels to precision X? The normal plotOptions.series.dataLabels.formatter don't seem to work here.

we are using highcharts and are trying to use stacked charts, but running into some issues. See the following fiddle:

http://jsfiddle/ggoforth/n5yba/

I'm able to display the number to a given precision, however the data labels (which are the sum of the stack) are left unrounded. Is there any way to cut these data labels to precision X? The normal plotOptions.series.dataLabels.formatter don't seem to work here.

• javascript
• highcharts

2 Answers 2

stackLabels: {
    enabled: true,
    style: {
        fontWeight: 'bold',
        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
    },
    formatter: function() {
        return  Highcharts.numberFormat(this.total, 2, ',');
    }
}

Demo

Looks like I needed yAxis.stackLabels.formatter which I didn't find until just now ;)