ecarts图与表格切换时,echarts全变形的原因及解决办法

 在开发过程中,经常会遇到echarts图与表格切换着查看数据,切换到echarts时,图就变形了,未按当前宽高展示

变形原因:采用v-show控制切换时,v-show为false时,echarts图并不能获取外部容器的正常宽高,所以展示出来的图形会以其自身默认的大小展示

解决办法:网上有说有resize,我试了并不能解决我的问题,我的处理办法是:在切换到图时重新调用图组件

change(){
        if(this.type == 1){
          this.type = 2
        }else {
          this.type = 1
          let that  = this
          if(this.showData){
            that.$nextTick(() =>{
              that.$refs.maintence.init(that.opt)
            })
          }
        
        }     
     }

 

posted @ 2021-10-29 11:20  cmwang2017  阅读(843)  评论(0编辑  收藏  举报