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

 

 


 

 

posted @ 2017-02-24 09:24  一片叶子啊  阅读(2762)  评论(0编辑  收藏  举报