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

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

  • hightchart自适应div

jsp代码块

div:

"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();
}

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

你可能感兴趣的:(前端,hightchart)