echart图表清空上一次数据

1、问题描述：

后台接口查询数据，图表渲染出来，再次请求接口想要重新渲染图表，此时会出现问题：即图表一直保留老数据，并不会以新的数据渲染。

2、解决方法

想在同一个dom中画多个实例，肯定需要先销毁前一个，才能画后一个。

 ......
// 销毁前一个实例
echarts.init(document.getElementById('chart-power')).dispose() 
// 构建下一个实例
var myChart = echarts.init(document.getElementById('chart-power')) 
......复制

标签

echart图表清空上一次数据

1、问题描述：

2、解决方法

React生态、Vue生态与跨框架前端解决方案

每天一个Flutter开发小项目 (6) : 表单与验证的专业实践 - 构建预约应用

尝试用js和jQuery实现一个简单的商品购买系统

jQuery的使用

Bootstrap‘s JavaScript requires jQuery in vue 2.5

js、jquery手写进度条提示信息

JQuery相关实例应用

vue3:Tabs 标签页中使用echarts报错Can‘t get dom width or height

百度地图实现只展示某一个省份地图，点击市以后高亮

循环获取echarts图片并导出，图片显示问题

前端哥

如何修改电脑mac地址？

Flutter_学习记录_实现列表上拉加载更多的功能

Redis---缓存穿透，雪崩，击穿

React生态、Vue生态与跨框架前端解决方案

本地部署 DeepSeek：从 Ollama 配置到 Spring Boot 集成

【Maven】将普通Eclipse项目改造为Maven项目（非SpringBoot项目）

每天一个Flutter开发小项目 (6) : 表单与验证的专业实践 - 构建预约应用

确定 Flutter SDK 及其关联的 Gradle 版本与适配的 JDK 版本

校园订餐微信小程序(全套)

C 数组：深入解析与应用

1
【Echarts系列】—— 实现电池图、3D立体圆形柱状图

2024-03-03 11:03:011001

2
CSS 动画效果（5种） - 附完整示例

2025-02-28 12:02:481000

3
在Vue中实现与OpenAI对话的功能

2025-02-27 11:02:161000

4
jQuery.flowchart 项目常见问题解决方案

2025-02-24 13:02:021000

5
CSS常用属性（文本属性）

2024-11-04 09:11:111000

6
TypeScript 中的 Number 类型，Number 类型的特性、常见操作和注意事项

2024-09-30 23:09:061000

7
CSS写代码使页面划分为左右两个区域

2024-09-09 00:09:071000

8
vue使用datav echarts

2024-09-06 00:09:381000

9
使用TweenMax.js和CSS3创建冰球运动员动画效果教程

2024-09-04 23:09:411000

10
使用CDN提高jQuery加载速度

2024-08-24 23:08:211000

	......
	// 销毁前一个实例
	echarts.init(document.getElementById('chart-power')).dispose()
	// 构建下一个实例
	var myChart = echarts.init(document.getElementById('chart-power'))
	......

echart图表清空上一次数据

1、问题描述：

2、解决方法

微信扫一扫：分享