2016-08-04 102 views
0

作爲我的調試的一部分,我已經到了我所調用的所有階段,我的高圖上是reflow() - 在調用此方法之前沒有其他更改 - 它是唯一發生在按鈕單擊。Highcharts迴流改變高度

<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> 

(在該實例中由30像素)增加它被調用。

爲什麼會發生這種情況,以及如何停止/撤消此操作?

+1

請問您可以編輯您的問題以添加圖表的代碼?這樣,我們可以測試出問題發生的位置。謝謝! –

+1

你可以在jsfiddle.net上覆制你的例子作爲現場演示嗎? –

+0

我管理了一個解決方法 - 記下它的高度,重排它,計算增加值,減去它(兩次 - 一次來自迴流,一次再來一次), 然後再次迴流。凌亂,但它的作品.... – radders

回答

0

單獨撥打reflow()時我有同樣的問題。

您可以通過將固定高度設置爲圖表容器<div class="chart">來輕鬆解決此問題。

.chart { 
    height: 400px; 
}