echarts图表报错,并且后面图表都无法正常显示的问题。

我的程序是报错: error in nexttick: "typeerror: cannot read properties of null (reading 'getattribute')",报错的意思是:nexttick中的错误:“typeerror:无法读取null的属性(读取“getattribute”)”。

出现上述报错的原因可能是:

  1. 对一个 null 值进行属性访问。
  2. 某个元素或节点不存在,尝试访问其属性时出错。
  3. 代码中存在异步操作,而当异步操作完成之前就尝试访问属性。

解决方法:

  1. 检查代码中是否存在对 null 值的属性访问,确保在访问属性之前对变量进行了正确的初始化。
  2. 确保要访问属性的元素或节点存在。你可以通过使用条件语句或空值检查来确保在访问属性之前该元素或节点已经存在。
  3. 如果代码涉及到异步操作,可以使用回调函数、异步函数或者 async/await 等机制来确保在访问属性之前异步操作已经完成。

我的原因是:在data中定义的是一个空数组,然后再通过接口请求回数据。但是接口请求是异步操作,echarts会先拿data中的空数组,就会出现报错原因的第一项和第三项的问题。导致页面报错以至后面的图表都无法正常显示。

我的解决方法:我用了个笨方法,就是给data中定义的数据赋了一个初始值。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

向上小阿鑫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值