2 つの Highcharts グラフが垂直に積み上げられ、同じ x 軸の単位と配置を共有することを目的としたデータ プレゼンテーションを構築しています。そのようです：
2 つのグラフでは y 軸の範囲が異なるため、y 軸ラベルの幅が異なり、グラフ自体の幅がわずかに異なり、適切な x 軸の配置が崩れていることに注意してください。
2 つのグラフが確実に並ぶように、グラフの幅 (または逆に y 軸のラベル) を固定できると便利です。API を調べて、生成されたさまざまな要素に直接スタイリングを設定して少し遊んでみましたが、うまくいきませんでした。カスタム ラベル フォーマッタを使用してこの目標を達成することは可能かもしれませんが、ストック フォーマッタ (カスタムで何も定義していないかのように) は、大きな数値などを短縮するのに非常にうまく機能します。
チャートまたは y 軸ラベルの幅を修正する方法についてのアイデアはありますか?
chart.marginLeftオプションを設定すると、自動サイズ ラベルがオーバーライドされるため、Y 軸が整列されます。
少しハックな方法ですが、うまくいくはずです：
widthに設定します。例: 400pxright、例: 20pxこれで、yAxis は同じ幅と同じ端点などを持つ必要があります。
もう 1 つの (さらに優れた) 解決策は、Highcharts に 2 つのペインを使用することです。Highstock とまったく同じように機能します。例を参照してください: http://www.highcharts.com/stock/demo/candlestick-and-volume
これは遅い回答ですが、同じ Highcharts オブジェクト内で複数のチャートを作成できるようになりました。この方法を使用する場合、手動で Y 軸を強制的に揃える必要はありません。Highcharts がすべての作業を行ってくれるからです。