vue结合echarts使用时出现重大bug（图缩成一团）

问题出现原因：

我在本地引入了echarts

把当前页面做成公共的组件给其他页面使用。（目前为止没有问题）

直接打开当前页面显示正常：（下图正常）

 

但是当引入到别的页面（问题出现）

（下图是问题图片）缩成一团

 

 

 

原因：在组件显示的时候用了v-show，会给echarts画布默认一个宽度和高度

改成  v-if  就没有问题了。