Donut chart in highcharts appears messed up on export

Question

We are using highcharts as our charting library. It's great and exporting works well in all scenarios except one. We have a donut chart with two levels. When it is rendered in the browser it shows up fine:

If you now export this chart using the default highcharts service it shows a bit like this:

Anyone know why this is happening and if there is any way we can fix this?

Answer 1

I would recommend creating a fiddle of your problem, and emailing HighCharts support about it (or link the fiddle here), they are very helpful and usually respond quickly.

Your problem does however seem to be related to your code as I also generate and export donut charts with no problems

Answer 2

My mistake in the configuration was when I was dynamically updating the colour:

chart.series[0].data[s].update({color: "#FFFFFF")}, false);

This didn't just mean I was updating the color but also the whole point. This meant that by running the above I was running y to nothing! Although the chart displayed ok the data sent to the exporting service was with unset values for the slices.. hence the empty slices in the chart. to fix it I had to do something like:

chart.series[0].data[s].update({
              color: "#FFFFFF",
              y: chart.series[0].data[s].y,
              name: chart.series[0].data[s].name,
)}, false);