Highchart自适应div，随div大小变化而变化

Highchart自适应div，随div大小变化而变化

• hightchart自适应div

---

jsp代码块

div：

<div id="chartsdiv" style="width:500px;height:300px;">

js代码块

div：

var chart = $('#chartsdiv').highcharts();
chart.reflow();
#直接这样写更简单明了 $('#chartsdiv').highcharts().reflow();

如果需要跟随浏览器的变化而变化可以写在window.onresize里面

window.onresize = function() {
    $('#chartsdiv').highcharts().reflow();
}

如果是通过什么操作是动态改变的话就写在你自己需要的地方即可，我是有一个全屏显示的按钮，所以就放在按钮的点击事件里面啦
这个问题也是困扰了我很久，才解决的，如果能帮到你，那就是非常幸运的啦