Vue3+ECharts

Vue3 + Echarts

Vue3中使用Echarts V5.5.0时,报错如下:

在Vue3中,初始化echarts实例时,会将echarts实例对象转换成响应式对象,从而在resize时无法获取需要的数据。

此时需要使用 markRaw() 将echarts实例对象转换成原始对象

复制代码
const myChart = markRaw(echarts.init(chartDom));
相关推荐
咩咩啃树皮11 小时前
第63篇【终极整合巨作】从零手写原生中后台管理系统|整合62篇全部前端知识点|从头到尾完整架构+全功能逻辑
前端·架构
Highcharts12 小时前
用Highcharts如何动态向一个序列添加点-示列讲解
前端
weixin_4316004413 小时前
做 Agent 会用到的 Node API(4):取消与 AbortController
前端·学习·ai·agent·ai编程
JiaLin_Denny13 小时前
Vue3中ref和reactive用法与双向数据绑定
前端·javascript·vue.js
用户21816970493013 小时前
Flutter(十)Container Center Align
前端
无人生还13 小时前
从 Vue3 到 React · 快速上手系列第 12 篇:并发特性与性能优化
前端·vue.js·react.js
小p13 小时前
nextjs学习9: Next.js 渲染与缓存
前端·后端
乘风gg13 小时前
AI 时代,你的编程能力在第几层?我敢说,大多数人卡在第一层
前端·ai编程·claude
东风破_13 小时前
React Router v7 实战:用路由配置、懒加载与嵌套路由搭建一个完整的 SPA
前端
引山洪0813 小时前
Babylon.js 8.x 中文文档整理——Node篇 (上)
前端·webgl