Я пытаюсь расположить 2 связанных графика, один над другим, аналогично тому, что вы можете увидеть на странице Google Finance.
Я могу отрисовать обе диаграммы просто отлично, но заставить выстроить 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