Why Highcharts gets different size on Safari?

2020-07-29 08:33发布

问题:

I have a static page with a few Highcharts instances.

Everything is great on Chrome, Firefox and IE. But if I open the page on Safari I get some of those charts with a slight different size, which is making their X axis' labels to be truncated (I'll show screenshot). In other charts I have a centered aligned data label inside the column serie, but in Safari it also gets misaligned.

Any idea why or how to fix it?

Chart #1: Left is Chrome, Right is Safari

Chart #2: Left is Chrome, Right is Safari