echar Cannot read property 'getAttribute' of null

最新推荐文章于 2023-03-21 10:52:08 发布
转载 最新推荐文章于 2023-03-21 10:52:08 发布 · 373 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/u/3908739/blog/2253066
文章标签：

#python

本文详细介绍了在网页开发中遇到的ECharts.js加载阻塞HTML内容的问题，并提供了有效的解决方案：只需将ECharts.js的引用放置在</body>标签前即可，此方法已验证有效。

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

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

433be96100420881fa464202064cdefb751.jpg

问题我就不描述了，找到这篇文章的肯定也是出现了同样问题的人。结论如下

引用echar的echar.js放在了head中或者放在body中HTML代码的前面了，造成加载时阻塞后面的html。

解决方法就是将echar.js的引用放在</body>之前就可以了，完美解决！
 

转载于:https://my.oschina.net/u/3908739/blog/2253066

vue axios并发请求 【 解决echarts报错Cannot read property ‘getAttribute‘ of null】
weixin_52084329的博客
11-17 659
在写中国地图和世界地图切换的时候，由于要两次进行网络请求调用api，而echarts渲染又不能多次渲染，所以就报了这么一个错误：echarts.js Uncaught TypeError: Cannot read property ‘getAttribute’ of null 错误原因分析：解决方法： 让两个请求都调用完，在进行渲染——执行多个并发请求 官方示例： 使用axios配合axios.all()、axios.spread()同时发送多个请求，axios.all()并发执行两个请求，两个请求执行完成
echarts-all.js:1 Uncaught TypeError: Cannot read property 'getAttribute' of null
牛栏山矿泉水
06-06 1300
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错误：Cannot read property getAttribute of null
fearlazy
06-26 908
原文链接：https://www.fearlazy.com/index.php/post/303.html 现象： 使用echarts时，出现如上图错误。Uncaught TypeError: Cannot read property 'getAttribute' of null。 解决办法： 问题出在echart初始化时获取的的div不存在。检查发现复制Div的ID的时候把双引号也复制进来了，所以找不到。 解决办法就是给getElementById传入正确的ID。 --文章
vue使用 echarts 加载报错 TypeError: Cannot read property getAttribute of null？
小许的博客
01-11 1万+
报错信息 原因 我在页面中使用了v-if ，在tab页面中没有dom，所以echarts渲染找不到dom节点。 改成v-show就可以了 在这里插入代码片
Uncaught (in promise) TypeError: Cannot read property 'getAttribute' of null
haowei82的博客
10-14 5037
原因：在实例化前打印console.log(document.getElementById('main')) 查看页面是否存在HTML元素 解决方案一：延迟加载 setTimeout(() => { this.getChart(); }, 1000); ...
echar百度地图demo，
12-11
在这个"echar百度地图demo"中，我们可以预见到如何在 ECharts 中集成百度地图进行数据展示。 ECharts 和百度地图的结合使用，主要涉及到以下几个关键知识点： 1. **ECharts 安装与引入**：首先，你需要在项目中...
echar基于ssm的demo
04-30
标题中的“echar基于ssm的demo”指的是一个使用ECharts数据可视化库，并结合Spring、Struts2（SSM框架）以及MySQL数据库构建的示例项目。这个项目可能是为了教学或者演示如何在Java Web开发环境中集成ECharts图表库...
echar js 库文件
07-05
这个"echar js 库文件"可能包含ECharts的源代码、示例、文档和其他相关资源。让我们深入探讨ECharts的一些核心特性、使用方法以及在实际项目中的应用。 ECharts 的主要特点包括： 1. **丰富的图表类型**：ECharts ...
html5-echar-map.zip
06-03
本文将深入探讨这两个技术，并介绍如何利用它们实现地图功能。 ... ...地图应用通常会使用Canvas来绘制地理数据，如省份、城市边界、路线等，同时提供缩放、平移等交互功能。...2. **SVG（Scalable Vector Graphics）**：与...
Uncaught SyntaxError: Cannot use import statement outside a module
热门推荐
游海东的技术专栏
08-06 5万+
1、错误描述 Uncaught SyntaxError: Cannot use import statement outside a module 2、错误原因 定义了一个JavaScript文件，声明几个变量，利用模块化导出变量 let name = '张华' let age = 23 let sex = '女' export {name, age, sex} 接着，在页面文件中直接导入import；打开浏览器访问页面，控制台出现报错 <!DOCTYPE...
VUE引入Echarts报错Uncaught TypeError: Cannot read property ‘getAttribute‘ of null
Kne982895961的博客
11-04 896
在引用Echarts的时候发现控制台Uncaught TypeError: Cannot read property ‘getAttribute’ of null 报错发现是因为 实例化的echarts 的元素不存在（未找到指定的元素）也就是 装图表的HTML元素不存在，实例化之前打印 document.getElementById(‘id’) 为null 解决办法： vue中使用dialog的话 show() { this.dialogVisible = true; this.$next...
Uncaught TypeError: Cannot read property 'getAttribute' of null
u013365404的专栏
09-03 4072
忘了改id 或类，，，类似的基本都这样
【Echarts】Uncaught TypeError: Cannot read property ‘getAttribute‘ of null
yyanglirong的博客
04-09 618
最近使用echarts绘制图表时遇到了这个错误 经过万能得搜索，发现错误发生得原因是dom还没加载完，就进行了echarts初始 把相关逻辑移到mounted里面执行就可以了，之前实在created里面执行得
[Echarts] Uncaught TypeError: Cannot read property ‘getAttribute‘ of null
weixin_43574277的博客
03-04 260
例如： <div id = "echarts1"></div> var myChart = echarts.init(document.getElementById('echarts1')); 原因 js初始化的时候找不到 id 为 echarts1 的div。 解决 调整顺序，将js初始化放置html执行之后。
【echarts/antv】解决Uncaught TypeError: Cannot read property ‘getAttribute‘ of null报错
Emily's Blog
09-10 3307
解决"找不到图形容器"的错误一、报错二、分析原因三、解决方案方法1. 使用id方法2. 使用ref 一、报错 在vue的项目中使用echarts、antv等图表组件时，可能会出现上述报错。 二、分析原因 echarts/antv图的id是动态生成的（由父组件传递过来/通过接口拿等），出现了图形容器尚未生成便对其进行了初始化的情况。此时，就会产生"找不到图形容器"的错误。 三、解决方案 思路：先保证容器存在，再生成图形 方法1. 使用id 首先，在main.js全局引入echarts import echa
Vue第 41 篇，Vue项目报错，Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
03-21 1万+
⭐Vue项目报错，Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')，翻译：无法读取null属性(读取'getAttribute')，解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，就回报类似错误，解决方法就是在报错之前做判断处理。
JS Uncaught TypeError: Cannot read property ‘getAttribute‘ of null问题解决
旭东怪的博客
12-29 6808
问题描述： UncaughtTypeError:Cannotreadproperty'getAttribute'ofnull 问题分析： 1、使用ECharts组件进行初始化echarts实例时，没有获取到id为main标签元素。 echarts.init(document.getElementById('main'));
js 报错 Cannot read property ‘getAttribute‘ of null
dongsir
06-26 3万+
echarts.js Cannot read property 'getAttribute' of null，Uncaught TypeError: Cannot read property 'getAttribute' of null 根据报错信息查找原因发现是因为 实例化echarts的元素不存在，查看官方文档发现： // 基于准备好的dom，初始化echarts实例 var ...
在vue中引用echarts导致Cannot read property getAttribute of null ?
weixin_30339457的博客
08-30 1566
报错信息如下： 之前一直用echarts没有出现过这个问题，所以当这个问题出现时我就开始了各种查，试了几种方法依旧报错，比如： 1、在mounted() {}，写成如下形式：（依旧报错） this.$nextTick(() => { this.initChartLine(); }); 2、(依旧报错) setTimeout(() =&g...
Echar_world技术深度解析与应用
在这里，我们可以推测“world”和“echar”之间可能存在着某种联系，例如“echar”可能是实现“world”功能或表现的一部分。例如，它可能是“world”项目中用于特定功能的模块或者是一个用来与“world”交互的接口。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值