HighCharts -在包含容器尺寸發生變化時重新渲染


開發時遇到這個問題了,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);

 

 


 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM