Highcharts reflow changes height

Question

Как часть моей отладки, я добрался до сцены, где все, что я звоню, - это reflow() на моем highchart - ничего не меняется до вызова этого метода - это единственное, что происходит при нажатии кнопки ,

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

Когда этот метод вызывается, высота (Highcharts созданного) элемента:

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

возрастает (по 30px в данном случае) каждый раз, когда она вызывается.

Почему это происходит, и как я могу остановить/отменить это действие?

Answer 1

У меня была такая же проблема при вызове reflow().

Вы можете легко исправить эту проблему, установив фиксированную высоту в контейнер с диаграммой <div class="chart">.

.chart { 
    height: 400px; 
}