echarts报错: Can‘t get DOM width or height. Please check dom.clientWidth and dom.c

具体报错:echarts.js?a670:2220 Can’t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0.For example, you may need to call this in the callback of window.onload.
在这里插入图片描述
出现问题的场景:我是在tab分页中需要插入echarts柱形图,默认开始是设备oee报表这个分页。
echarts报错: Can‘t get DOM width or height. Please check dom.clientWidth and dom.c_第1张图片
报错的大致意思就是:不能找到dom节点的宽高。
宽高获取不了导致绘制不出图形或者说绘制出来的尺寸不是自己想要的。
根据这个分析出原因:在dom节点还没加载出来的时候就进行了图形的绘制。
问题找到就好办了,竟然是因为图形提前绘制,那让图形在dom节点加载完再绘制不就好了。
具体操作
加个延时器就好了。

//设备oee报表、设备oee明细的tab切换
changeTab(tab, event) {
      if (tab.index == "0") {
        this.getData();
      } else if (tab.index == "1") {
        setTimeout(()=>{
          this.deviceBar()//这个是绘制图形的函数
        },500)
      }
},

可能也有其他原因导致这个问题的出现,我这只是我遇到的情况

你可能感兴趣的:(echarts,vue)