I've e across a weird glitch with Highcharts export (to PNG, SVG etc). Essentially, when exporting, the datalabels on the chart bee garbled, so that they duplicate like so:

I've tried changing the export image dimensions (even to match the original div size exactly) but I still have the same issue. The only thing I can think that might be affecting it is a custom formatter function (which shows the percentage after the total for each data point), but there's no manipulation of text size or anything. Any ideas?

I've e across a weird glitch with Highcharts export (to PNG, SVG etc). Essentially, when exporting, the datalabels on the chart bee garbled, so that they duplicate like so:

I've tried changing the export image dimensions (even to match the original div size exactly) but I still have the same issue. The only thing I can think that might be affecting it is a custom formatter function (which shows the percentage after the total for each data point), but there's no manipulation of text size or anything. Any ideas?

• javascript
• highcharts
• png

• Provide an example that replicates the problem. – Halvor Holsten Strand Commented Feb 25, 2015 at 8:47
• 1 This is bug in Highcharts reported here. – Paweł Fus Commented Feb 25, 2015 at 12:44

2 Answers 2

This looks like a new problem in the export service.

I was able to work around it by disabling text shadows on the data labels. To do this, I added:

dataLabels: {
    style: {
        textShadow: ''
    }
}

This is what worked for me. I disabled the textShadow inside the series

series: [
        {
         name:'Serie1',
         data:[2027.15, 2027.15, 0.0], 
         dataLabels:{
                enabled: true, 
                style: {textShadow: 'none'
                }
        }
    ]