惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
爱范儿
爱范儿
宝玉的分享
宝玉的分享
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - Franky
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 三生石上(FineUI控件)
人人都是产品经理
人人都是产品经理
阮一峰的网络日志
阮一峰的网络日志
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
博客园 - 聂微东
大猫的无限游戏
大猫的无限游戏
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
罗磊的独立博客
博客园 - 叶小钗
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
酷 壳 – CoolShell
酷 壳 – CoolShell
小众软件
小众软件
博客园 - 司徒正美
博客园 - 【当耐特】
IT之家
IT之家

博客园 - 星小梦

发现2个开发浏览器插件的库,仅作记录。 springboot的swagger规范和文档地址 datagrip如何查看数据库连接的密码 - 解决方案 Antigravity IDE如何配置软件走代理的解决方案 一款干净、快速且绝对私密的开发者在线工具箱 如何卸载掉流氓软件<RAV Endpoint Protection> Linux系统调整java程序启动用户,导出xlsx时抛出Permission denied异常问题。 vue2的devtools开发工具卡死现象的解决方法 echarts图表在浏览器上打印出现裁剪的问题 yarn install出现error Error: certificate has expired异常 git多代码仓库合并的方式 docker容器oshi如何获取宿主机的运行状态信息? su命令引起的nohup进程以root身份启动导致的问题 docker-compose启动服务,影响其他服务的原因 xxl-job provider netty_http server caught exception flutter升级导致的旧项目的运行环境问题排查记录 vue3插件库以及对JSX的支持。 JSX、TSX扩展语法学习材料 commitlint Lint 提交消息格式控制 Chromium历史版本下载方式 Window10 关闭Edge浏览器的多选项卡通过Alt+Tab组合键切换的方式 Postgres16数据库集成外部库dblink和postgres_fdw扩展的方式 java 泛型类型如何保留类型的信息的方式 Postgres16 常见问题 docker镜像安装字体支持,解决jdk服务验证码生成找不到字体问题 window和Linux命令行执行多条命令的方法
apache echarts数据点重影或 Cannot read properties of unde...
星小梦 · 2025-12-17 · via 博客园 - 星小梦

环境

vue3
apache echarts 5.6.0

导致的结果

image
image

解决方法

请检查你的echart的实例(也就是echarts.init方法响应的实例)对象是否是普通变量。
如果使用refreactive包裹,请移除或更换为shallowRef(或shallowXXX)这类的函数定义即可。
因为echarts对象深层响应式不是所支持的使用方式。

如,错误的写法:

const chart = ref(null);
// 或
const chart = reactive({
  one: null
});

正确的写法:

let chart = null;
// 或
const chart = shallowRef(null);

参考

[Bug] ECharts.resize() ERROR! Cannot read properties of undefined (reading 'type')