highstock - 2 つのペインを持ち、動的配置を使用する HighStock チャート

Question

このデモjsFiddleでは、2 つのペインでグラフを作成する方法を示します。ただし、ペインの位置の値は、500 ピクセルのグラフで機能するようにハードコーディングされています。さらに、ナビゲーターとスクロールバー (この jsFiddle ) を削除すると、グラフの見栄えが悪くなります。

次のように、yAxis の高さの合計に対するパーセンテージでペインの高さを定義したいと思います。

yAxis: [{
    title: {
        text: 'OHLC'
    },
    height: yAxisHeight * 0.5,
    lineWidth: 2
}, {
    title: {
        text: 'Volume'
    },
    top: yAxisHeight * 0.75,
    height: yAxisHeight * 0.25,
    offset: 0,
    lineWidth: 2
}],

ただし、グラフの作成後に yAxis の高さしか取得できず、グラフを再描画する必要があり、かなり非効率的です。

var options = createMyOptions();
var chart = new Highcharts.StockChart(options);
var yAxisHeight = chart.yAxis[0].height;
options.yAxis[0].height = yAxisHeight * 0.5;
options.yAxis[1].top = chart.yAxis[0].top + yAxisHeight * 0.75
options.yAxis[1].height = yAxisHeight * 0.25;
chart.yAxis[0].update(options, true);
chart.yAxis[1].update(options, true);

何か案は？