Google Finance ページに表示されるものと同様に、2 つのリンクされたグラフを上下にレイアウトしようとしています。
両方のグラフを問題なくレンダリングできますが、plotAreas を正確に並べるのは少し謎です。各グラフの chart.plotArea.width は、Y 軸ラベルの幅に依存しているようです。したがって、2 つのグラフの幅は同じではなく、値が異なります。chart.getCoord().l.
現在、手動で計算されたオフセットを使用していますが、もっと良い方法があるはずです。
this.chart.render(); // top chart, getCoords().w=800
// manually set margins for lower chart to match
this.chartVol.margins.l = this.chart.offsets.l - 59 + 10;
this.chartVol.margins.r = this.chart.offsets.r - 31 + 10;
// render bottom chart
this.chartVol.render(); // bottom chart same width, getCoords().w=800