【Echarts】当页面宽度改变时如何使图表宽度自适应

问题：

当对echats不作任何处理时，图表宽度不会自适应，如图所示（变绿的区域为echarts选中的div）。

加载完后：

 收缩浏览器页面之后：

 

解决方法：

编写js函数，当页面大小变化时重新加载图表的大小。

代码实现：

    window.onresize = function () {
       myChart.resize();
    }

附：完整代码