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

 

 

 

 

转载于:https://www.cnblogs.com/gogolee/p/6437129.html