開發時遇到這個問題了,redraw方法怎么試都不起作用,最后在Highcharts中文論壇提問大家幫忙解決了,這里記錄一下。
比如html結構如下:
<div class="container"> <div id="chart"> </div>
剛開始container 的寬度為100%,chart渲染的時候也是默認擴充整個container區域,若是通過js將container的width設置為50%,這個時候charts是不會自動縮小到50%的寬度的,調用底下這個就可以觸發chart的重新渲染以適應container的尺寸。
$("#chart").highcharts().setSize(null,null,false);
這兒null的意思是取包含container的寬度,但是有的時候直接調用會報錯,這兒就只能手動傳遞width和height了。
var w= $(".container").width(); var h= $(".container").height(); $("#chart").highcharts().setSize(w,h,false);