echar Cannot read property 'getAttribute' of null

最新推荐文章于 2023-03-21 10:52:08 发布

weixin_33860147

最新推荐文章于 2023-03-21 10:52:08 发布

阅读量373

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/3908739/blog/2253066

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

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

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

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

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33860147

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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...