echarts报错 Cannot read property ‘getAttribute‘ of undefined

最新推荐文章于 2024-01-12 16:10:03 发布
最新推荐文章于 2024-01-12 16:10:03 发布
阅读量544 收藏
点赞数 1
分类专栏： echarts 文章标签： echarts javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45187308/article/details/131557647
版权

1.使用echarts报错
在这里插入图片描述
2.原因：
在created中调用使用echarts的方法。因为页面没有挂载，获取不到DOM节点，所以报错
在这里插入图片描述
3.解决：
将方法写入mounted中

桃花坞认真的胡椒
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决 ECharts 报错 “Cannot read properties of null (reading ‘getAttribute‘)“ 的方法
pleaseprintf的博客
07-26 7851
在使用 ECharts 进行数据可视化时，有时会遇到错误信息 “Cannot read properties of null (reading ‘getAttribute’)”。这个错误通常发生在 ECharts 绘制图表时，指示某个元素为 null，导致无法读取属性。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确使用 ECharts，避免该错误的发生。
js中的getAttribute方法使用示例
10-25
例如，如果你有一个`<div id="myDiv" class="container"></div>`元素，你可以使用`getAttribute`来获取`id`或`class`属性的值。 ```javascript let divElement = document.getElementById("myDiv"); let idValue = ...
echart报错 Cannot read property ‘getAttribute‘ of undefined
lojieo的博客
11-19 1万+
Error in created hook: "TypeError: Cannot read property 'getAttribute' of undefined" 用的Vue,第一反应是echart的引用错误，然后用cdn的方式引入，也是这样的错，最后发现是生命周期的原因 用的created调用方法 官方说明：实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el .
【Vue+Echarts】天坑 子组件中的Echarts Cannot read properties of undefined (reading ‘getAttribute‘)“
sakura22123的博客
03-30 1813
报错 Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘getAttribute’)”
echarts 无法获取属性“getAttribute”的值: 对象为 null 或未定义 错误解决方法
热门推荐
松龄的专栏
01-14 3万+
使用百度的echarts时，在IE9下运行时有时会报如题的错误，有时刷新下又正常，造成这种错误的原因是 echarts.js引用放在head中或者放在body中HTML代码的前面了，造成加载时阻塞后面的html。 解决方法就是将echarts.js的引用放在之前就可以了，完美解决！
Vue中监听数据变化并初始化ECharts时“Cannot read properties of undefined (reading ‘getAttribute‘)“错误
最新发布
qq_44866810的博客
01-12 698
当通过监听器获取到value值的变化，并据此调用相应函数时，虽然DOM理论上已完成更新，但在根据特定值（如6）触发展示逻辑并尝试初始化ECharts图表时，可能会遇到一个情况：即在执行初始化方法前，通过ref引用的DOM元素实际上尚未加载完毕或未被Vue实例正确关联。因此，在初始化ECharts图表并试图访问该DOM元素属性时，就会导致“Cannot read properties of undefined (reading 'getAttribute')"的错误。 为了确保在初始化ECharts图表时D
使用Echart报错Cannot read property ‘getAttribute‘ of undefined
A535366的博客
06-20 713
项目中使用Echart报错，百度结果说生命周期性错误，解决办法是 此方法可以解决百分之90的错误，还有百分之十是因为在mounted里写nexttick 结果发现 打印结果还是 没有找到继续报错，最后 发现， 写Echart的盒子 不能放到 for 循环里面 不然 这个盒子 ref是找不到他的，需要放到for 循环外面。最后 打印结果 盒子成功找到。...
javascript中attribute和property的区别详解
10-25
但并非所有 `attribute` 都有对应的 `property`，例如自定义的 `attribute` 如 `gameid` 和 `areaid`，它们在JavaScript中并没有直接的 `property` 对应，因此 `elem.gameid` 和 `elem.areaid` 都会返回 `undefined`...
基于request.getAttribute与request.getParameter的区别详解
09-05
在Java Servlet和JSP开发中，`HttpServletRequest`接口提供了两种主要的方法来获取客户端发送到服务器的数据：`getAttribute()`和`getParameter()`。它们虽然都用于获取请求中的数据，但有着本质的区别，下面将详细...
PHP PDOStatement::getAttribute讲解
10-17
今天小编就为大家分享一篇关于PHP PDOStatement::getAttribute讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
10-27
本篇文章是对JS中的getAttribute和setAttribute(取得和设置属性)的使用进行了详细的分析介绍，需要的朋友可以参考下
Echarts报错Cannot read property ‘getAttribute‘ of null解决方法
山不在高的博客
08-23 1万+
  使用Echarts时控制台提示如下错误：   该错误的实质是执行echarts.init(document.getElementById('pie_fanzui'))代码时HTML文档中没有id为pie_fanzui这个元素。不信你使用console.log(document.getElementById('pie_fanzui'))这句代码打印出来看一下！如果确实未定义，则定义一下再次运行即可。   很多人可能会说我文档中有定义这个节点啊，但是为什么还出现这个错误。这种情况对应另外一个问题——HTM
echarts在vue中的导入和入门使用以及Cannot read property ‘getAttribute‘ of null“的解决方法
qq_39687662的博客
07-30 718
echarts官网:https://echarts.apache.org/zh/index.html 先看效果图 1.echart导入vue 先在项目目录终端输入下面指令安装一下echart,用cnpm装会比较快 npm install echarts --save 或者 cnpm install echarts --save 在main.js中导入echart import echarts from 'echarts' Vue.prototype.$echarts = echa.
项目中报Cannot read property ‘getAttribute‘ of undefined
eliodadada的博客
11-19 772
项目中用到了echarts图表 每次切换路由的时候，控制台就会报一堆错误：Cannot read property 'getAttribute' of undefine 这是在火狐浏览器的报错： 经验证，发现是设置了图表自适应导致的, 有多个图表，然后使用是addEventListener来进行图表自适应，但是在离开当前页的时候，没有清除，就导致了上面的报错 了解到原因后，当离开页面的时候，进行清除就可以了 顺便，...
echarts-all.js:1 Uncaught TypeError: Cannot read property 'getAttribute' of null
牛栏山矿泉水
06-06 1227
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 m...
【echarts】使用心得之ChinaMap
fengzibs的博客
03-12 1万+
echarts是一个开源的优秀前端可视化框架，有用很多优秀的可视化方案，调用也十分的简单。今天对echarts如何使用做一个记录，方便日后使用。先从echarts官网下载所需的js包，用于开发，不多说自然是源代码版js。这个Demo的例子是来自原官网的空气质量图。业务需求：将页面捕捉到本地。代码：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;he...
vue报错Cannot read properties of undefined getAttribute
01-05
根据提供的引用内容，出现报错"Cannot read properties of undefined getAttribute"通常是因为访问了一个未定义的变量或对象的getAttribute属性。最可能的原因是'this.$refs.Step11'是未定义的或不存在的。 解决这...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值