news 2026/6/10 15:39:12

echarts图表在页面中(tabs)切换修改数据时,控制台警告There is a chart instance already initialized on the dom.

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
echarts图表在页面中(tabs)切换修改数据时,控制台警告There is a chart instance already initialized on the dom.
背景:vue + echarts
问题:

echarts图表在页面中(tabs)切换修改数据时,控制台警告There is a chart instance already initialized on the dom. 每次切换都会警告一次

解决:

使用echarts.getInstanceByDomAPI获取 dom 容器上的实例
如果已经有实例了,说明不是初始化,所以先使用dispose():销毁实例,实例销毁后无法再被使用;然后再重新init初始化实例

constlineEcharts=ref<HTMLElement|null>(null);functioninitLineEcharts(){constchart=lineEcharts.value;if(!chart)return;constexistingInstance=echarts.getInstanceByDom(chart);if(existingInstance){existingInstance.dispose();}constmyChart=echarts.init(lineEcharts.value);constoption={...};option&&myChart.setOption(option);}
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 13:32:04

SCPI Parser:开源仪器控制命令解析的终极解决方案

SCPI Parser&#xff1a;开源仪器控制命令解析的终极解决方案 【免费下载链接】scpi-parser Open Source SCPI device library 项目地址: https://gitcode.com/gh_mirrors/sc/scpi-parser 在仪器控制和自动化测试领域&#xff0c;你是否曾经为复杂的设备通信协议而烦恼&…

作者头像 李华
网站建设 2026/6/10 12:18:24

Linux下安装iniparser库(ini文件操作库)

1.下载源码git clone https://github.com/ndevilla/iniparser.gitcd iniparser // 进入下载的文件中2.使用CMake编译文件&#xff08;我这里下载文件中没有makefile文件&#xff0c;所以使用CMake方式&#xff09;mkdir build // 建立编译文件夹…

作者头像 李华
网站建设 2026/6/10 16:30:31

【仅公网互通的 Spark 集群通信与配置实战方案】

Spark 集群公网互通场景配置方案&#x1f5c2;️ 地址规划公网地址&#xff1a; Master 节点&#xff1a;100.112.4.22 &#xff08;主控节点&#xff0c;master-node&#xff09;Worker 节点1&#xff1a;100.112.5.61 &#xff08;worker-node1&#xff09;Driver 节点&#…

作者头像 李华
网站建设 2026/6/10 16:40:33

16、Linux 脚本编程:从基础到高级应用

Linux 脚本编程:从基础到高级应用 1. 测试命令 test 与 [ 在 Linux 系统中, test 命令可用于测试条件,它不仅能在 shell 脚本中使用,也能在命令行运行。 test 命令执行成功时返回值为 0,失败则返回 1。例如,要检查 /root/Desktop 目录是否存在,可执行以下命…

作者头像 李华
网站建设 2026/6/10 9:54:40

Python 内置的 HTTP 服务

Python 内置的 HTTP 服务 文章目录Python 内置的 HTTP 服务1. 最简单的方式&#xff1a;命令行一键启动Python 3Python 22. 在 Python 脚本中启动3. 高级用法&#xff1a;自定义处理器 (Handler)适用场景与注意事项适用场景注意事项&#xff08;非常重要&#xff01;&#xff0…

作者头像 李华
网站建设 2026/6/10 17:13:32

Feishin音乐播放器完整使用指南:从安装到个性化播放体验

Feishin音乐播放器完整使用指南&#xff1a;从安装到个性化播放体验 【免费下载链接】feishin A modern self-hosted music player. 项目地址: https://gitcode.com/gh_mirrors/fe/feishin Feishin是一款现代化的自托管音乐播放器&#xff0c;让用户能够完全掌控自己的音…

作者头像 李华