位置: IT常识 - 正文

解决echarts报错Cannot read properties of null (reading ‘getAttribute‘)(echarts遇到的坑)

编辑:rootadmin
解决echarts报错Cannot read properties of null (reading ‘getAttribute‘) 前言

推荐整理分享解决echarts报错Cannot read properties of null (reading ‘getAttribute‘)(echarts遇到的坑),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:引入echarts报错,echarts.min.js报错,echarts nodataloadingoption,echarts.min.js报错,echarts cannot read property,echarts.init报错,echarts常见问题,echarts cannot read property,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在写 echarts 的时候碰到了这么一个报错,如下图。造成报错的原因是因为 echarts 的图形容器还未生成就对其进行了初始化,下面几种方法是经本人自测最有效的解决方案。

解决echarts报错Cannot read properties of null (reading ‘getAttribute‘)(echarts遇到的坑)

报错截图

解决方案:1. this.$nextTick

该方法思路是将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。

this.$nextTick(() => { this.chartPort();});2. created(){}

将 created(){} 生命周期中的方法放在 mounted(){} 生命周期中,该方法思路是因为数据渲染方法放到了 created(){} 生命周期中,但是数据还未取到,页面已经加载了,故放在 mounted(){} 生命周期中,在初始化页面完成后,再对 DOM 节点进行相关操作。

mounted() { this.chartPort();},3. document.readyState

document.readyState 方法主要是描述了文档的加载状态,以下是它的三种类型值:

值描述loading加载中interactive文档已经完成加载且已被解析,但是类似图像,样式表和框架之类的子资源仍在加载。complete加载完成

当这个属性的值变化时,document 对象上的 readystatechange 事件就会触发。因此我们可以借助此特性让图表方法在页面渲染完成后在触发。

mounted() { var that = this;//防止this指向问题 var timer = setInterval(function () { // 判断页面所有资源已加载完毕 if (document.readyState === "complete") { that.chartPort();//执行方法 window.clearInterval(timer); } }, 800);},
本文链接地址:https://www.jiuchutong.com/zhishi/298507.html 转载请保留说明!

上一篇:最新人工智能GPT-4免费简单使用教程(最新人工智能软件chingt)

下一篇:文件上传漏洞upload-labs靶场通关教程 1-20(带原理)(文件上传漏洞原因)

  • dowhile语句的用法(do-while语句)

    dowhile语句的用法(do-while语句)

  • hisense电视投屏功能在哪(hisense电视投屏设置在哪)

    hisense电视投屏功能在哪(hisense电视投屏设置在哪)

  • mpencil2代怎么连接(mpencil2代怎么连接平板)

    mpencil2代怎么连接(mpencil2代怎么连接平板)

  • wifi信号满格旁边有个叹号怎么弄(wifi信号满格旁边有个叹号手机)

    wifi信号满格旁边有个叹号怎么弄(wifi信号满格旁边有个叹号手机)

  • 华为nova7se是屏幕指纹的吗(华为nova7se是顶级lcd屏幕吗)

    华为nova7se是屏幕指纹的吗(华为nova7se是顶级lcd屏幕吗)

  • 抖音如何录屏(抖音如何录屏别人的直播)

    抖音如何录屏(抖音如何录屏别人的直播)

  • 华为荣耀20pro手机怎么删除系统自带应用(华为荣耀20PRO手机电量还剩65可以充电吗)

    华为荣耀20pro手机怎么删除系统自带应用(华为荣耀20PRO手机电量还剩65可以充电吗)

  • 快手私信删除了换部手机能看到吗(快手私信删除了对方还能看到吗知乎)

    快手私信删除了换部手机能看到吗(快手私信删除了对方还能看到吗知乎)

  • 超话如何自动签到(超话怎样自动签到)

    超话如何自动签到(超话怎样自动签到)

  • 淘宝图片发不出去是怎么回事(淘宝图片发不出去,只支持3M)

    淘宝图片发不出去是怎么回事(淘宝图片发不出去,只支持3M)

  • 10086说发什么恢复网速(10086回复ye)

    10086说发什么恢复网速(10086回复ye)

  • 录音比特率是什么意思(录音机的比特率)

    录音比特率是什么意思(录音机的比特率)

  • 电脑没有主机怎么开机(电脑没有主机怎么连接wifi)

    电脑没有主机怎么开机(电脑没有主机怎么连接wifi)

  • 笔记本没有鼠标怎么滚动(笔记本没有鼠标怎么用滚轮)

    笔记本没有鼠标怎么滚动(笔记本没有鼠标怎么用滚轮)

  • 华为曲屏手机容易摔碎吗(华为曲屏的屏幕容不容易碎)

    华为曲屏手机容易摔碎吗(华为曲屏的屏幕容不容易碎)

  • 华为数字耳机怎么设置(华为数字耳机怎么更新)

    华为数字耳机怎么设置(华为数字耳机怎么更新)

  • 手机为什么开免提才能听见(手机为什么开免提打电话会卡顿)

    手机为什么开免提才能听见(手机为什么开免提打电话会卡顿)

  • 合并单元格怎么让所有数据带着(合并单元格怎么保留全部内容)

    合并单元格怎么让所有数据带着(合并单元格怎么保留全部内容)

  • 苹果11手机充电注意事项(苹果11手机充电头型号)

    苹果11手机充电注意事项(苹果11手机充电头型号)

  • 金立手机丢了怎么定位找回(金立手机丢了而且被关机了)

    金立手机丢了怎么定位找回(金立手机丢了而且被关机了)

  • 腾讯视频解除账号绑定(腾讯视频解除vip)

    腾讯视频解除账号绑定(腾讯视频解除vip)

  • pr怎么快速批量加字幕(pr怎么批量处理图片)

    pr怎么快速批量加字幕(pr怎么批量处理图片)

  • 抖音怎么看上热门了(抖音怎么看上热门了没有)

    抖音怎么看上热门了(抖音怎么看上热门了没有)

  • erp管理系统怎么操作(erp管理系统怎么作废退款)

    erp管理系统怎么操作(erp管理系统怎么作废退款)

  • 小米怎么查是不是新手机(小米怎么查是不是全新未拆封的)

    小米怎么查是不是新手机(小米怎么查是不是全新未拆封的)

  • 手环时间不对怎么设置(手环时间不对怎么调回来)

    手环时间不对怎么设置(手环时间不对怎么调回来)

  • 苹果 macOS 系统键盘快捷键列表大全整理(mac版本系统)

    苹果 macOS 系统键盘快捷键列表大全整理(mac版本系统)

  • Node.js与相关依赖的版本对照表(nodejs应用领域)

    Node.js与相关依赖的版本对照表(nodejs应用领域)

  • 小规模纳税人出售使用过的汽车
  • 如何分析成本费用偏高
  • 高新技术企业季报填报
  • 新办商贸企业一般纳税人合同金额
  • 公司成立筹备工作小组主要任务是什么
  • 营改增后个人所得税计税依据实例
  • 用白纸写的收据怎么入帐?
  • 给分公司开发票由总公司付款怎么办?
  • 简易计征的税率
  • 福利费要交个人税吗
  • 营改增后小规模纳税人税率是多少
  • 注册资本转让税率
  • windows 11密钥
  • mac版字体怎么安装
  • 上年度多计提的工资
  • 无法找到脚本文件vbs怎么办
  • 修改注册表限制cpu速度
  • 饭店开业请客说什么
  • 公司的劳务费支出怎么做账
  • 短期借款和短期贷款
  • 合同违约金可以全额扣除吗
  • linux操作系统文件系统
  • Netlib.exe - Netlib是什么进程 有什么用
  • keyemain.exe是什么
  • 建筑企业安装费计入什么科目
  • 商业连锁企业有哪些
  • 蓬莱德尔塔
  • Joomla简单判断用户是否登录的方法
  • 三万个字多久写完
  • 外汇申报中付款什么意思
  • 哪里能找到前端练手项目教程
  • 压缩的命令
  • php定义方法
  • 公司注册完成以后需要做哪些事情
  • 工资计提与发放在一个月行吗
  • 施工单位代建收费合法吗
  • 销售返利账务处理及注意事项
  • 筹资费用可以算成本吗
  • 企业应付账款科目的借方余额反映的是
  • 建筑垃圾处置费 南通
  • 租车费开票属于哪个类别
  • 交强险怎么报警
  • 货物样品出口
  • 固定资产折旧及残值率
  • 豆腐是农产品还是工业产品
  • 一个人可以有两张同一个银行的卡吗
  • 财务人员办理会计事项必须复制或取得原始凭证
  • 现金流量明细分类
  • 收到上个月退税会计分录
  • 利税总额计算公式表
  • 车船税收费标准
  • 社会保险费结算表怎么打印
  • 公司账户没有钱怎么发工资
  • 资产负债表的期末数是指什么
  • 收到工程款怎么入账
  • sqlserver数据库显示单个用户
  • vmware img镜像
  • explore是什么进程
  • win7系统怎么设置屏保
  • win10系统开机后任务栏无响应怎么解决
  • cocos2dx官方教程
  • react native 应用
  • 适配器模型
  • 分享五个有用的东西
  • 用python编写程序
  • unity团队
  • Unity3D游戏开发标准教程
  • jquery常用
  • 安卓里面怎么调用方法
  • [置顶]电影名字《收件人不详》
  • java 视频教程
  • javascript基础书
  • javascript截图找图
  • 如何开具税收缴纳证明
  • 失业保险金领取成功
  • 个人所得税扣缴手续费退付是什么意思
  • 个体诊所可以申请医保报销吗
  • 煤炭资源税税率选煤税率多少黑龙江
  • 税务局纳税服务品牌
  • 广东佛山税务局人工电话是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设