Browser 数据标签的大小和位置：根据浏览器的不同结果不同

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

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

• ：字体大小保持不变。丑陋的
• ：字体大小减小。但是，数据标签现在不再居中，这很难看
• ：完美的结果！正如我所料。字体大小缩小并居中

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

请参阅JSFIDLE：

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

我正在这样更改导出：

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

---

提前谢谢。

事实上我找到了答案：）

fontSize应声明为“6px”，而不是6

因此，不是：

style: {
   fontSize: 6
},

改成

 style: {
       fontSize: "6px"
    },

就像那样，它在IE、FF、Chrome上的效果和我预期的一样