echarts警告：Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. ........-Toy模板网

这篇具有很好参考价值的文章主要介绍了echarts警告：Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. ........。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

具体警告：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

can't get dom width or height. please check dom.clientwidth and dom.clienthe,echarts,前端,vue.js

出现问题：切换tabs初始化不同的echarts，显示不出来

can't get dom width or height. please check dom.clientwidth and dom.clienthe,echarts,前端,vue.js

报错的大致意思就是：不能找到dom节点的宽高，宽高获取不了导致绘制不出图

问题原因：在dom节点还没加载出来的时候就进行了图形的绘制

问题找到就好办了，竟然是因为图形提前绘制，那让图形在dom节点加载完再绘制不就好了

具体操作：切换tabs页面触发事件时加个延时器加载echarts就好了

can't get dom width or height. please check dom.clientwidth and dom.clienthe,echarts,前端,vue.js

 handleClick(tab,event){
        if(tab.name=='Exception'){
          setTimeout(()=>{
            this.ExceptionGroupBy(); //初始化品质异常单饼图
          },100)
        }
        if(tab.name=='Guest'){
          setTimeout(()=>{
            this.GuestGroupBy(); //初始化客户投诉单饼图
          },100)

        }
}

可能也有其他原因导致这个问题的出现，我这只是我遇到的情况文章来源地址https://www.toymoban.com/news/detail-596828.html

到了这里，关于echarts警告：Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. ........的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！