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

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

---

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

成果实例展示：

echarts图随页面自适应效果展示.gif

代码展示：

//下面my_charts是html中echarts的ID
  var myChart= echarts.init(document.getElementById("my_charts"));
myChart.setOption(option);
//假设实例的名字是myChart,在echats配置完实例以后,配置下面几行代码即可
    window.onresize = function () {
        myChart.resize();
    }

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