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

相关推荐
Darling噜啦啦1 天前
Canvas 游戏开发与数据可视化实战:从飞机大战到 ECharts 报表
前端·echarts·canvas
Sweet锦3 天前
Vue3 集成 ApexCharts 避坑指南:从动画失效到自定义指令的完美解决方案
vue·echarts
文阿花6 天前
Echarts实现3D饼状图
前端·javascript·echarts·饼状图
文阿花6 天前
Echarts实现自动旋转柱状3D扇形图
前端·3d·echarts
文阿花7 天前
Echarts实现自定旋转3D饼状图
javascript·3d·echarts·饼状图
文阿花7 天前
Echarts实现柱状3D扇形图
android·3d·echarts
San813_LDD7 天前
[Vue/HTML]ECharts 使用指南:从入门到绘制各种常用图表
vue.js·html·echarts
有梦想的程序星空10 天前
【环境配置】Vue3项目离线化本地部署echarts全攻略
前端·javascript·vue·echarts
Highcharts.js11 天前
通过CSS变量实现图表色彩与逻辑解耦、图表主题统一|Highcharts Palette 详解
c++·echarts·highcharts·可视化开发·palette·styledmode·图表样式
暗冰ཏོ14 天前
ECharts 前端图表开发全攻略:参数配置、项目实战与高级可视化资源整理
前端·vue.js·echarts·visual studio code