如何将yAxis标题置于Highcharts中

Question

当yAxis标题显示在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并对齐。但不起作用...

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