echart 图表更新数据

①条咸鱼

于 2022-09-14 17:19:01 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/C_hydar/article/details/126856236

本文介绍了一个在前端开发中遇到的问题，即图表在后台数据更新后仍显示为加载状态。解决方法是，在数据更新时先通过`_echarts_instance_`属性移除旧图表，然后重新初始化ECharts实例并设置选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚进页面的时候初始化了一次图表，但是之后点击更新数据的时候，后台返回了数据，图表却一直在加载中

搜了很久，看到有说在 setOption 里面加 true →charts.setOption(option, true)，但是我试了会报错，不知道是不是版本的问题

解决方法：
在重新渲染数据的时候，先删除图表，然后再重新初始化一次（但是之前试过_echarts_instance_这一个方法，没成功…不知道是不是复制粘贴的有问题）

let chartDom = document.getElementById(chartDiv);
if (chartDom.hasAttribute("_echarts_instance_")) {
    chartDom.removeAttribute("_echarts_instance_");
}
let chart = charts.init(chartDom);
let option = {
	...
};
chart.setOption(option);