echarts图是常用的数据展示图表插件，在运用过程中可能会遇到各种问题，下面我总结一下我在项目开发中遇到的问题：

1. 在切换tab页的时候，很容易出现图缩到一起了，如下图：
   
2. 重新加载数据，图任然有数据
   
3. 图形不随窗口放大缩小
   
   解决方案：
   初始化ehcarts与数据渲染，不判断echarts实例化是否存在，会出现以下报错，如果先进行实例化，就不需要加判断
   
   按照以下步骤，不但可以解决以上问题还可以避免报错：
   首先，将初始化的echarts图配置项提出来，
   option配置文件：
   
   引入深度复制
   
   data中申明变量：
   
   在mounted中初始化echarts,使其echarts实例化存在，窗口大小变化通过window.onresize事件控制echarts的resize()事件；
   如果window.onresize不生效，改用window.addEventListener(“resize”,function(){…})；
   重新查询数据时，需要清空图表数据。利用dispose()事件销毁，再重新初始化，也可以置空数据
   
   在接口返回数据后只需要更新动态值，再setOption
   
   在tab切换事件中：重新刷新刷新视图