echarts-all.js:1 Uncaught TypeError: Cannot read property 'getAttribute' of null

1、错误描述

谷歌浏览器


火狐浏览器


TypeError: Cannot read property 'getAttribute' of null
    at Object.s.init (echarts-all.js:1)
    at buildChart (map.js:720)
    at b.$scope.queryChart (map.js:138)
    at map.js:175
    at angular.min.js:146
    at e (angular.min.js:43)
    at angular.min.js:45

2、错误原因

用echarts编写饼图时,利用随机数生成数据源,并用定时器定时刷新图形

window.setInterval(randomData(),1000);
但是在重新获取饼图容器时出现这个错误

由于echarts图形ID是由后台传输过来的,并且是根据图形数据一起传过来,出现了图形容器还未生成,但是数据已经来了,这样就会出现这个问题:找不到图形容器


3、解决办法

(1)如果图形数据和图形ID一起传输过来,先保证图形容器已存在,后生成图形;可以利用定时器延后图形数据

(2)可以将图形数据和图形ID分为两个请求接口,分别同步进行,先保证图形容器存在,然后再生成图形


错误消息"echarts.min.js:1 Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')"意味着在echarts.min.js文件的第一行发生了TypeError,尝试对null值进行属性访问 'getAttribute'。这是因为在代码中尝试访问一个为null的元素的属性所导致的错误。 根据引用和引用的信息,可能的原因是echarts.min.js文件被放置在了错误的位置,导致在加载时阻塞了后续HTML代码的执行。另外,也有可能是其他代码中出现了类似问题的情况。 为了解决这个问题,可以将echarts.min.js文件放置在正确的位置。一般来说,将其放在</body>标签之前是一个好的选择,以确保在加载脚本之前已经加载了页面的内容。这样可以避免对尚未加载的元素进行属性访问,从而解决此错误。 参考引用提供的解决方法,您可以检查您的代码中是否存在类似的错误。此外,如果有其他报错信息,请注意检查这些错误信息,以获得更多的线索和上下文信息,以便更好地定位和解决问题。 如果您还有其他问题,请告诉我,我会尽力帮助您。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [echarts:Uncaught TypeError: Cannot read property 'getAttribute' of null](https://blog.csdn.net/winsmiackeys/article/details/103526362)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [JQuery报错Uncaught TypeError: Illegal invocation的处理方法](https://download.csdn.net/download/weixin_38666230/13034647)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值