web-dev-qa-db-ja.com

ハイストックでyAxisラベルをチャートの右側からチャートの左側に移動するにはどうすればよいですか?

ハイストックでyAxisラベルをチャートの右側からチャートの左側に移動するにはどうすればよいですか。

これは jsfiddle の例で、チャートの右側にFresh Breezeのようなラベルがあり、左側にそれが必要です。

Highstockの以前のバージョンでは、デフォルトで左側にありました。 yAxisオプション内のプロパティalign:leftも試しましたが、目的の結果が得られません。

ありがとう

10
Paul Phoenix

軸レベルでalign:leftを設定したくない場合は、プロットバンドラベルレベルで使用する必要があります。

この例のコードは、プロットバンドラベルを右に揃え、さらに40ピクセル右にプッシュするようにチャートに明示的に指示しています。

これをalign:left、およびx:0に変更します

(または、alignプロパティまたはxプロパティをまったく設定しないでください。デフォルトでは、ラベルは常に左側に表示されます...)

例:

{{編集:

あなたの元の質問は、ハイチャートのプロットバンドラベルを参照していました...

しかし、あなたの質問は本当にハイストックのy軸の配置についてのようです。

左に移動するには、次を追加する必要があります。

yAxis: {
  opposite:false
}

highstockは、デフォルトで軸をopposite:trueに設定します。

例:

27
jlbriggs

YAxisラベルを左側に配置するには、yAxisの反対のプロパティをfalseに設定するだけです。

yAxis: {
  opposite: false
}

しかし、直感的ではないようです。

6
brunocoelho