e-chart刷新失败(setOption)

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

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

问题

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

解决方案

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

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

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

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

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

相关推荐
樱花落木兰1 天前
SpringBoot + ECharts 后台数据统计报表模块实战
java·javascript·spring boot·ai·log4j·github·echarts
小小尚@1 天前
WebGIS 开发利器|MapLand 在线行政区划 GeoJSON 边界预览下载平台
echarts·地图·geojson·webgis
千里码aicood2 天前
基于ECharts的电商平台用户行为数据分析
信息可视化·数据分析·echarts
paopaokaka_luck2 天前
个人综合管理小程序(echarts数据看板、健康数据记录与趋势查看、目标拆解和进度管理、日程待办与番茄钟、习惯打卡、收支统计、个人生活记录、跨模块智能提醒)
前端·javascript·spring·小程序·数据分析·echarts·生活
paopaokaka_luck9 天前
智慧社区综合服务小程序(人脸识别、AI问答、Echarts图形化分析)
前端·javascript·spring boot·spring·数据分析·echarts
paopaokaka_luck9 天前
考研政治刷题小程序(AI推荐题目、ECharts数据分析、章节练习与专项训练、模拟考试、错题本与收藏夹、学习打卡与目标管理、题库和组卷维护)
前端·javascript·spring boot·spring·数据分析·echarts
ezjoke10 天前
echarts 动态字节单位轴,1024进制,B,KB,MB,GB附echarts示例
echarts·字节单位转换
paopaokaka_luck13 天前
小学非遗科普平台(AI 非遗科普问答,ECharts学情数据、非遗资源分类与审核,资源收藏下载与学习记录,学习任务发布和作品评分,活动报名签到与统计)
java·人工智能·spring·信息可视化·数据分析·echarts
sibylyue20 天前
【报表和BI大屏】ECharts数据可视化大屏 / 驾驶舱
前端·信息可视化·echarts
YWL21 天前
OpenLayers+ECharts联动:地图点击联动图表,数据可视化大屏方案
前端·信息可视化·vue·echarts·openlayers