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