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

相关推荐
知识分享小能手2 天前
ECharts入门学习教程,从入门到精通,ECharts 数据可视化入门介绍(1)
学习·信息可视化·echarts
军军君012 天前
数字孪生监控大屏实战模板:商圈大数据监控
前端·javascript·vue.js·typescript·前端框架·echarts·three
smilejingwei3 天前
用 AI 编程生成 ECharts 图表并嵌入报表的实践
前端·人工智能·echarts·bi·报表工具·商业智能
Highcharts.js3 天前
React 应用中的图表选择:Highcharts vs Apache ECharts 深度对比
前端·javascript·react.js·echarts·highcharts·可视化图表·企业级图表
yusirxiaer4 天前
为什么 markRaw 能修复 Vue 3 + ECharts 的 resize 报错
javascript·vue.js·echarts
Highcharts.js4 天前
抉择之巅:从2029年回望2026年——企业可视化“战略分水岭”?
前端·javascript·信息可视化·编辑器·echarts·highcharts
军军君014 天前
数字孪生监控大屏实战模板:空气污染监控
前端·javascript·vue.js·typescript·前端框架·echarts·数字孪生
Alvin千里无风5 天前
ECharts 世界地图实现完整指南
前端·echarts
军军君016 天前
数字孪生监控大屏实战模板:智慧城市大屏
前端·vue.js·typescript·前端框架·echarts·智慧城市·大屏展示
小旭95276 天前
SpringBoot 项目实战:ECharts 数据可视化 + POI Excel 报表导出完整版教程
java·spring boot·后端·信息可视化·echarts