Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be

文章讨论了在使用Echarts时遇到的警告,即无法获取DOM的clientWidth和clientHeight。这个问题可能由于DOM未加载完成导致。解决方案是可以在初始化Echarts时指定图表的宽度和高度,以避免依赖于DOM的尺寸。示例代码展示了如何在Vue中使用Echarts的init方法来设置图表的宽高。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

echarts警告

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.
在这里插入图片描述
github isssue上有类似的问题:https://github.com/apache/echarts/issues/4569

解决办法:

初始化的时候无法获取 dom 的 clientWidth 和 clientHeight,新版本支持初始化的时候指定高宽,http://echarts.baidu.com/api.html#echarts.init

this.$echarts.init(
        ele,
        theme,
        {
          height: this.height,
          width: this.width,
        },
      )
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值