Highcharts: overlapped columns in exported chart

Question

The live chart looks fine, however, when exported to PNG, JPEG or PDF, the columns overlap.

The code: http://jsfiddle.net/strawberry/1s27pjed/

---

exporting:{
                chartOptions:{
                    legend:{
                        enabled:true,
                        style: {fontFamily: "Arial"}
                    },

                }
            },

In addition, is there an option to change the font and size of the legend text in the export? I was able to change the title and axis fonts, but not the legend.

Answer 1

The legend.style option is Deprecated in new versions and maybe that's why it doesn't work. You can use legend.itemStyle instead:

legend: {
    enabled:true,
    itemStyle: {fontFamily: "Arial", fontSize: '8px'}
}

Here's the DEMO .