如何设置echarts随页面大小变化自适应

时间:2024-03-15 20:12:35

echarts折线图随页面大小变化自适应


在项目中应用做echarts折线图,柱状图时会碰到需求是echarts会随着游览器的放大,缩小自适应。其实很简单,现在给出解决的办法。


成果实例展示:
 

如何设置echarts随页面大小变化自适应

代码展示:

//下面my_charts是html中echarts的ID
  var myChart= echarts.init(document.getElementById("my_charts"));
myChart.setOption(option);

//假设实例的名字是myChart,在echats配置完实例以后,配置下面几行代码即可
    window.onresize = function () {
        myChart.resize();
    }


是不是很简答,如果有需要完整demo的可以在文章下面留言。