ハイチャートリフローの変更高さ

Question

私のデバッグの一環として、私が呼び出すのは私のハイチャート上でreflow()です - このメソッドを呼び出す前に他に何も変わらない - ボタンクリックで起こっている唯一の事柄です。このメソッドが呼び出される

<div id="chart" class="chart"></div> // <== highchart created in here by JS code 
.... 
// in button click handler 
var chart = $("#chart").highcharts(); 
chart.reflow(); 

、（Highcharts作成）要素の高さ（この例では30pxによって）

<div class="highcharts-container" id="highcharts-0"</div> 

増加が呼び出されるたび。

なぜこのようなことが起こりますか、このアクションをどのように停止/元に戻すことができますか？

Answer 1

reflow()を単独で呼び出すと同じ問題が発生しました。

チャートコンテナ<div class="chart">に固定高さを設定することで、この問題を簡単に修正できます。

.chart { 
    height: 400px; 
}