Datalabels fontSize和position：取决于浏览器的不同结果

Question

对于我的高图列图，我有2个系列，这些值可以非常接近，因此可能会发生重叠。

在导出时，我正在减少fontSize属性，但结果不同：

• Internet Explorer：fontSize保持不变。难看。
• Firefox：缩小了fontSize。但是，数据标签现在不再是中心，这是丑陋的
• Chrome：完美的结果！正如我所料。 FontSize缩小并居中。

我能做什么或你可以做什么（下一个版本）？

请参阅JSFiddle here：

• 在IE，Firefox和Chrome中打开并以任何格式导出（我测试中的PNG）

我正在改变出口：

exporting: {
        chartOptions: {
            plotOptions: {
                column: {
                    dataLabels: {      
                        allowOverlap: true,             
                        style: {
                            fontSize: 6
                        },
                    }
                }
            }
        }
    }

提前致谢。

Answer 1

其实我找到了答案：）。

fontSize应声明为＆＃34; 6px＆＃34;而不是6。

所以代替：

style: {
   fontSize: 6
},

将其更改为

 style: {
       fontSize: "6px"
    },

就像那样，它可以像我在IE，FF，Chrome上预期的那样工作。