echar Cannot read property 'getAttribute' of null

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

转载最新推荐文章于 2023-03-21 10:52:08 发布 · 387 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#python

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

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

688

在写中国地图和世界地图切换的时候，由于要两次进行网络请求调用api，而echarts渲染又不能多次渲染，所以就报了这么一个错误：echarts.js Uncaught TypeError: Cannot read property ‘getAttribute’ of null 错误原因分析：解决方法：让两个请求都调用完，在进行渲染——执行多个并发请求官方示例：使用axios配合axios.all()、axios.spread()同时发送多个请求，axios.all()并发执行两个请求，两个请求执行完成

vue 中使用echart5.2发生TypeError: Cannot read properties of undefined (reading ‘init‘)

qgbihc的专栏

09-24

5128

在VUE项目中使用echart，以前使用的时4.8版本，一切正常。但是把echart的版本改为5.2后，提示出现如下错误： TypeError: Cannot read properties of undefined (reading 'init')" 查看官方文档： Apache ECharts 5 升级指南有明确的说明，引用方式的变化： 1、如果使用者在 v4 中这样引用了 echarts： import echarts from 'echarts'; // 或者按需引入 import echar

参与评论您还未登录，请先登录后发表或查看评论

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

牛栏山矿泉水

06-06

1320

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

927

原文链接：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

5143

原因：在实例化前打印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）**：与...

VUE引入Echarts报错Uncaught TypeError: Cannot read property ‘getAttribute‘ of null

Kne982895961的博客

11-04

917

在引用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

4104

忘了改id 或类，，，类似的基本都这样

【Echarts】Uncaught TypeError: Cannot read property ‘getAttribute‘ of null

yyanglirong的博客

04-09

645

最近使用echarts绘制图表时遇到了这个错误经过万能得搜索，发现错误发生得原因是dom还没加载完，就进行了echarts初始把相关逻辑移到mounted里面执行就可以了，之前实在created里面执行得

【Echarts】Uncaught TypeError: Cannot read property 'getAttribute' of null

qq_27153595的博客

08-30

2万+

在用echarts制作一个地图时，html代码如下所示：当在页面中运行时出现了如下错误，第一反应是自己引用的echarts.min.js文件有问题，后来直接去官网重新下载了一个，官网地址：http://www.echartsjs.com/gallery/vendors/echarts/echarts.min.js，但还是出现如下错误; 后来仔细分析了一下控制台错误提示，getAttrib...

[Echarts] Uncaught TypeError: Cannot read property ‘getAttribute‘ of null

weixin_43574277的博客

03-04

275

例如： <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

3378

解决"找不到图形容器"的错误一、报错二、分析原因三、解决方案方法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

6851

问题描述： UncaughtTypeError:Cannotreadproperty'getAttribute'ofnull 问题分析： 1、使用ECharts组件进行初始化echarts实例时，没有获取到id为main标签元素。 echarts.init(document.getElementById('main'));

js 报错 Cannot read property ‘getAttribute‘ of null