【echarts】Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.

已于 2024-02-21 11:14:52 修改
阅读量3.1k 收藏 1
点赞数 3
文章标签： echarts 前端 javascript
于 2024-02-21 11:11:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i18039072267/article/details/136206579
版权
本文介绍了解决JavaScript中无法获取DOM宽度或高度的问题，建议方法包括为包含图表的div设置固定宽高，或者使用setTimeout延迟渲染，通常第一种方法即可解决问题。

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

无法获取DOM的宽度或高度。请检查dom clientWidth 和 dom clientHeight。

解决方法：

1.为chart所在div设置宽高 

2.用setTimeout()延时，等待渲染后再画图.

一般来说用第一种方法就可以解决了

摇光@
关注
【记录38】[ECharts] Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
~牧马~
03-19 1167
就是获取不到dom 的宽高导致无法动态渲染dom实例，实际就一定写过了，但是还是没有获取到，为什么呢？这里说明下，有些伙伴理解“不是需要根据id去css中设定DOM 的宽高”，结果排查了半天是因为一个符号写错，服了，写代码的时候还是得注意点。实际dom已经初始化并加载出来了，点击对应的事件，无法渲染图型。
Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be
一个努力不被优化的程序员
10-27 4932
Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be翻译过来是：无法获得DOM宽度或高度。请检查dom。clientWidth和dom. clienttheight。它们不应该是0。例如，你可能需要在window.onload的回调中调用这个。
vue使用echarts报错：Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight
最新发布
见证自己学习,成长的记录
01-23 1万+
[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.
控制台报错：[ECharts] Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
qq_58441775的博客
06-06 4946
表示获取图表容器的宽度和高度时出现了问题。ECharts 无法正确获取到容器的尺寸，可能是因为容器元素的 clientWidth 和 clientHeight 值为 0。
echarts警告：Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. ........
weixin_53443677的博客
10-25 1万+
vue+echarts
echarts报错： Can‘t get DOM width or height. Please check dom.clientWidth and dom.c
GongWei_的博客
07-13 1万+
具体报错：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报表这个分页。 报错
解决‘Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not
理论都是虚的，代码才是王道。
11-11 6043
在JavaScript中，当我们试图获取一个元素的宽度或高度时，可能会遇到"Can’t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0."的错误。然后，我们使用document.getElementById方法获取了id为"myElement"的元素，并将其存储在变量element中。在这个示例中，我们在获取元素的宽度后，检查了宽度是否大于0。
Can't get DOM width or height. Please check dom.clientWidth and dom.clientHe
12-29
根据提供的引用内容，"Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0." 是一个错误信息，提示无法获取DOM元素的宽度和高度。建议检查dom.clientWidth和...
Can't get DOM width or height. Please check dom.clientWidth
09-01
Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0. 这个警告是在数据可视化时遇到的一个小问题。根据引和引用，这个警告一般是因为在设置echarts的容器...
echarts报错[ECharts] Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight.是怎么会事？
05-19
这个报错是因为 ECharts 在初始化时无法获取到容器的宽度和高度。可能的原因是： 1. 容器元素不存在或者还未加载完毕。 2. 容器元素被隐藏或者设置了 display: none。 3. 容器元素的宽度和高度都为 0。 你可以尝试...
e-charts报错： Can‘t get DOM width or height. Please check dom.clientWidth and dom.c
11-10
Please check dom.clientWidth and dom.clientHeight. They should not be 0.”通常是由于容器的高度或宽度设置不正确导致的。解决方法如下： 1. 确保容器的高度和宽度都是以像素为单位的，而不是百分比。 2. 确保...
echarts图表显示 Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
热门推荐
weixin_48912846的博客
04-24 2万+
首先出了问题 我进行了百度 但是百度上大部分的方法并不适用于我。 例如： $(window).on('resize',function(){ //屏幕大小自适应，重置容器高宽 resizeMainContainer(); mainChart.resize(); }); 且出错的原因也可能为：如果容器的height/width属性设置为百分比的形式，那么echarts就会warning，且不能正常的生成图表。所以div容器的高度宽度必须指定为px。 然后我开始回归问题，去官网找解决
echarts图表显示 Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight
m0_67401228的博客
03-03 1万+
首先出了问题 我进行了百度 但是百度上大部分的方法并不适用于我。 例如： $(window).on('resize',function(){ //屏幕大小自适应，重置容器高宽 resizeMainContainer(); mainChart.resize(); }); 且出错的原因也可能为：如果容器的height/width属性设置为百分比的形式，那么echarts就会warning，且不能正常的生成图表。所以div容器的高度宽度必须指定为px。 然后我开始回归问题，去官网找解决
echarts报错 ： Can‘t get DOM width or height. Please check dom.clientWidth and dom.
Ceiee的博客
08-29 2079
echarts报错 ： Can't get DOM width or height. Please check dom.clientWidth and dom.
echarts警告 Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They sho
weixin_41886421的博客
04-28 1269
上网查了之后才知道，初始化的时候无法获取 `dom` 的 `clientWidth` 和 `clientHeight`， 新版本支持初始化的时候指定高宽，[http://echarts.baidu.com/api.html#echarts.init](http://echarts.baidu.com/api.html#echarts.init)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值