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

相关推荐
Sayai19 小时前
【无标题】ECharts 实现日志量异常检测:基线 ±Kσ 基带 + 灵敏度切换(Vue2 实战)
前端·javascript·echarts
Smile_ping19 小时前
自定义tooltip,解决图表数据重叠,无法准确点击问题!
echarts·自定义tooltip
一颗烂土豆2 天前
ECharts 太平面?试试这款 Vue 3D 图表库
前端·vue.js·echarts
paopaokaka_luck7 天前
基于springboot3+vue3的美妆商城平台(AI问答、协同过滤算法、支付宝沙盒支付、物流快递api、Echarts图形化分析)
java·前端·spring boot·学习·maven·echarts
paopaokaka_luck9 天前
基于springboot3+vue3的音乐推荐系统(协同过滤算法、Echarts图形化分析)
前端·echarts
做好一个小前端13 天前
ECharts 折线图大数据量性能优化参考
前端·性能优化·echarts
paopaokaka_luck13 天前
基于springboot3+vue3的云南本土影视文旅推荐平台(协同过滤算法、Echarts图形化分析)
前端·spring boot·学习·算法·echarts·mybatis
paopaokaka_luck14 天前
基于springboot3+vue3的企业考勤管理系统(部门树递归、Echarts图形化分析)
开发语言·spring boot·学习·echarts·mybatis·需求分析·代码规范
paopaokaka_luck15 天前
基于springboot3+vue3的乡村医生诊疗管理系统(AI助手、协同过滤算法、webSocket实时聊天、Echarts图形化分析)
前端·网络·人工智能·spring boot·websocket·网络协议·echarts
满栀58516 天前
原生JS + ECharts 多图表可视化实战:从业务实现到工程化优化
开发语言·javascript·echarts