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

Question

对于我的 highchart 柱形图，我有 2 个系列，值可能彼此非常接近，因此可能会发生重叠。

导出时，我减小了字体大小属性但结果不同：

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

有什么我可以做的或者你可以做的吗（下一个版本）？

查看 JSFiddle here :

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

我正在这样更改导出：

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

提前致谢。

Answer 1

其实我找到了答案:)。

字体大小应声明为“6px”而不是 6。

所以而不是：

style: {
   fontSize: 6
},

改成

 style: {
       fontSize: "6px"
    },

就这样，它在 IE、FF、Chrome.

上按我预期的方式工作

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

Datalabels fontSize and position : different results depending on browser

browser

cross-browser

highcharts