当前位置: 首页 > 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'))) ;
————————————————

相关文章:

  • 面试-----每日一题
  • 【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基本功
  • 济南做网站费用/黄山seo公司
  • 欧美网站模板下载/网站优化网络推广seo
  • 做私人彩票网站/石家庄seo关键词
  • 四川省住房与建设厅网站/网络软文是什么
  • 个人备案的网站可以做宣传/百度分公司
  • 网站一直维护意味着什么/弹窗广告最多的网站