如何将yAxis标题置于Highcharts中心

Question

当它出现在Highcharts中的yAxis顶部时，有没有办法让yAxis标题居中？这是follow-up question;尚未找到解决方案。

这就是目前的样子：

yAxis: {
  title: {
    text: "Cumulative mean<br />annual mass balance<br />(mm w.e.)",
    align: "high",
    rotation: 0,
    x: 180,
    y: -30,
    useHTML: true,
    style: {
      align: "center",
      fontWeight: "bold"
    }
  },

我想让这三个居中。用useHTML和align来尝试它。但是不起作用......

Here is a fiddle

感谢任何提示。

Answer 1

您可以在CSS中执行此操作。

要水平居中y轴，请添加这些样式，然后删除x值：

.highcharts-axis {
  position: relative;
  left: 50% !important;
  transform: translateX(-50%);
}

要使其文本居中对齐，请使用以下样式：

.highcharts-axis {
  text-align: center;
}

Updated Fiddle