当前位置: 首页 > news >正文

Echarts在resize时报错

报错: Uncaught TypeError: Cannot read properties of undefined (reading ‘type’)
报错: Uncaught TypeError: Cannot read getAxis undefined (reading ‘type’)
因: Echarts 管理的状态和数据与 Vue 的响应式产生冲突,导致Echarts 无法正常更新而报错。

解决:取消 VUE 的响应式系统观测 Echarts 的变化更新,让Echarts 自动更新。

markRaw 将 Echarts 实例标记为原始对象

// 导入 markRaw
import { markRaw } from 'vue';
 
const chartInstance: any = ref(null);
// 标记这个DOM对象, Vue 不要将其转换为响应式数据。
chartInstance.value = markRaw(echarts.init( document.getElementById('chartline'))) ;
————————————————
http://www.dtcms.com/a/51138.html

相关文章:

  • 面试-----每日一题
  • 【RabbitMQ】RabbitMQ的核心概念与七大工作模式
  • STM32MP1xx的启动流程
  • sqlite3 c++ client选择; c++环境搭建 : abseil-cpp | fnc12/sqlite_orm
  • 基于深度学习的静态图像穿搭美学评估与优化建议系统的基本实现思路及示例代码
  • 微服务组件详解——sentinel
  • js之原型及原型链
  • Linux之环境变量(超详细版)
  • 计算机毕业设计SpringBoot+Vue.js党员教育管理系统(源码+文档+PPT+讲解)
  • vue3之echarts仪表盘
  • JavaScript+vue 实现复制文字功能
  • Linux·数据库INSERT优化
  • 【MySQL、Oracle、SQLserver、postgresql】查询多条数据合并成一行
  • SpaCy处理NLP的详细工作原理及工作原理框图
  • Flutter 学习之旅 之 flutter 使用 carousel_slider 简单实现轮播图效果
  • JAVA毕设项目-基于SSM框架的百色学院创新实践学分认定系统源码+设计文档
  • chrome Vue.js devtools 提示不支持该扩展组件,移除
  • 【JQuery—前端快速入门】JQuery 操作元素
  • 如何使用 Ollama 的 API 来生成聊天
  • js基本功
  • 【软考-架构】2.2、进程调度-死锁-存储管理-固定分页分段
  • 网络安全需要学多久才能入门?
  • 大语言模型技术发展
  • Dify部署-(零基础)(个人体验)(Linux)(白嫖)(可部署大模型)
  • Vue前端开发- Vant之Card组件
  • visual studio 2022 手工写一个简单的MFC程序
  • 如何在Android中实现服务(Service)
  • 基于vue框架的游戏商城系统cq070(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
  • 网络问题排查基本命令
  • Linux Sed实战指南:从入门到精通