e-chart刷新失败(setOption)

平时我们使用 e-chart 表格频率不低,在使用的时候,我们为了保证其正常释放,一般会保存一个 echart 变量,然后使用 disposeclear释放

因此,无论是初次设置还是需要更新时,我们会使用同一个变量重新设置 option(setOption),然后会渲染出我们的表格

问题

此时问题来了,当新数据来临时,我们如果只是使用 mychart.setOption(options) 直接重新渲染我们的表格时,会发现表格没有什么变化,即刷新失败

解决方案

此时就与 setOption 的第二个参数 notMerge 有关了

其默认为 false,意思是 统一合并数据,这样数据就不会使用新数据从头渲染了,而是合并内容,因此不会出现我们想要的效果

我们只需要将其设置为 true,就和其名字一样了,不合并,这样就会根据我们新的 option 来刷新了,因此只需多设置一个参数即可, mychart.setOption(options, true),这样就解决刷新失败问题了

js 复制代码
mychart.setOption(options, true)

ps:记录一个小问题,以后忘记的时候,查找起来也会有所帮助,也能顺道帮助别人,岂不美哉(毕竟程序员有时使用类似的代码,可能都是复制粘贴更改,有些知识点会逐渐遗忘,毕竟好记性不如烂笔头,记录起来才是自己的知识了😂)

相关推荐
红队it8 小时前
【Tensorflow】基于卷积神经网络(CNN)交通标志图像识别系统(完整系统源码+数据库+开发笔记+详细部署教程+启动教程)✅
python·深度学习·pycharm·cnn·毕业设计·tensorflow·echarts
询问QQ:48773927810 小时前
探索单机器人路径规划算法:MATLAB 实战
echarts
玄魂2 天前
VChart 扩展新功能:一行代码解锁数据回归与趋势分析
前端·echarts·数据可视化
@AfeiyuO4 天前
多层环形图,自定义tooltip
vue·echarts
liupenglove5 天前
go-echarts基础使用方法
开发语言·golang·echarts
java水泥工5 天前
基于Echarts+HTML5可视化数据大屏展示-监管系统
前端·echarts·html5·可视化大屏·大屏展示
奋斗吧程序媛6 天前
Vue2 + ECharts 实战:动态一个关键词或动态多关键词筛选折线图,告别数据重叠难题
前端·javascript·echarts
好奇的候选人面向对象6 天前
大屏ECharts适配完整方案
前端·javascript·echarts
红队it7 天前
【Spark+Hive】基于Spark大数据旅游景点数据分析可视化推荐系统(完整系统源码+数据库+开发笔记+详细部署教程+虚拟机分布式启动教程)✅
大数据·python·算法·数据分析·spark·django·echarts