vue中echarts实现自适应大小

echarts要实现自适应大小，需要在页面发生大小改变的时候，对图表实例进行重绘。

在echarts里边，提供了一个重绘的方法：resize() 图表的实例对象调用该方法即可进行重绘。

然后还需要在vue的钩子函数mounted里边，定义一个window.resize()方法来监听页面发生变化。当页面发生变化时，就执行重绘的方法。

完整示例如下：

效果图：

该示例的数据来自echarts官方，可以根据自己的实际需求来修改数据。原理都是一样的，希望能帮到有需要的人。如果有写的不对的地方也欢迎指出。