ハイチャートのyAxisタイトルの中心を合わせる方法

Question

ハイチャートの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で行うことができます。

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

Updated Fiddle

：使用し、このスタイルをそのテキストを揃え中心へ

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

：水平y軸を中心に

、これらのスタイルを追加し、x値を削除します