首页 > 其他分享 >echarts选项变化后,图表不更新

echarts选项变化后,图表不更新

时间:2024-01-05 14:45:13浏览次数:27  
标签:选项 option setOption chart 更新 图表 echarts

echarts做地图下钻,全国地图切换省份地图使用

chart.setOption(option)

后地图不刷新,原因如下:

setOption有三个参数

chart.setOption(option, notMerge, lazyUpdate)

option—— 图表的配置项和数据
notMerge—— 可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并。
lazyUpdate—— 可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新。

echarts默认对第二次设置的option与之前的进行了合并,所以会出现改变了option不刷新的情况,设置为不合并就行了

解决方法:

chart.setOption(option, true);

 

 

出处:echarts数据变化后,图表不更新

标签:选项,option,setOption,chart,更新,图表,echarts
From: https://www.cnblogs.com/mengff/p/17947218

相关文章

  • 和鲸携手上海交大医学院张维拓老师,混合式教学聚焦R语言医学数据分析,从图表开始复现顶
    历时一个月,和鲸社区内的R语言医学数据分析训练营暂告一段落。本次训练营由上海交通大学医学院副研究员张维拓老师联合和鲸社区共同发起,是面向医学生、临床医生及相关从业人员开展的医学数据科学推广公益活动,旨在帮助大家快速入门R语言,了解临床研究标准分析流程,并能在论文复现的......
  • 安卓环境配置选项和flutter 滑动控制
    isDebug=truehostDebug=trueshowUmengToast=false安卓环境中的这几个配置选项isDebug=true:表示是否启用调试模式。如果设置为true,应用程序将以调试模式运行,这通常允许开发人员执行调试操作并查看更详细的日志信息。hostDebug=true:表示是否启用主机调试。如果设置为true,可能......
  • ubuntu环境下因pie选项导致双击启动失败的问题
    在ubuntu环境下,链接可执行文件时增加-pie选项,双击可执行程序,无法正常启动。对于这个现象,stackoverflow有个帖子,gcccreatesmimetypeapplication/x-sharedlibinsteadofapplication/x-application,介绍的比较清晰,如下是相关的摘抄。gccdoesn'tsetthemimetype.mimetype......
  • 大数据分析与可视化 之 实验11 Matplotlib绘制图表(一)
    实验11Matplotlib绘制图表(一)实验学时:2学时实验类型:验证实验要求:必修一、实验目的掌握Matplotlib的框架及图形属性。掌握Matplotlib绘制图形的步骤。掌握Matplotlib绘制直线、曲线图、折线图。掌握Matplotlib绘制柱形图、条形图、饼图。二、实验要求通过编程实现使用......
  • 大数据分析与可视化 之 实验12 Matplotlib绘制图表(二)
    实验12Matplotlib绘制图表(二)实验学时:2学时实验类型:验证实验要求:必修一、实验目的掌握Matplotlib的框架及图形属性。掌握Matplotlib绘制图形的步骤。掌握Matplotlib绘制柱形图、条形图、饼图、折线图。掌握Matplotlib绘制散点图、等高线图、极坐标图、3D图。二、实验......
  • linux 中 ls -F选项
     linux中ls-F选项,F表示文件类型。文件末尾追加*表示是可执行文件;文件末尾/表示是目录文件末尾是@表示是软链接文件 001、[root@pc1test]#ls##测试目录a.txtb.txtdir1dir2dir3dir4file1file2file3file4[root@pc1test]#ls-l......
  • TypeORM 的同步选项
    配置TypeORM连接到数据库时,有一个synchronize选项,意思是“同步”,也就是同步TypeORM实体和数据表,再详细讲就是根据实体自动创建和修改数据表结构,使其与TypeORM定义的实体类相匹配。以Nest中的使用为例:import{Module}from'@nestjs/common';import{TypeOrmModule}......
  • css 实现一个选项卡按钮边框弯曲平滑
    <Viewclass="tabs"style="display:flex;justify-content:space-between"><Viewclass="tabs-item"style="width:50%"><Buttonclass="tabs-btn":class="0?&#......
  • ECharts 是一个使用 JavaScript 实现的开源可视化库¹²³⁴。它可以流畅地运行在 PC
    ECharts是一个使用JavaScript实现的开源可视化库¹²³⁴。它可以流畅地运行在PC和移动设备上,兼容当前绝大部分浏览器(如IE8/9/10/11,Chrome,Firefox,Safari等)²³⁴。ECharts底层依赖轻量级的Canvas类库ZRender¹²³,提供直观,生动,可交互,可高度个性化定制的数据可视化图表¹......
  • vue3+ts打开echarts的正确方式
    实例项目使用vite5+vue3+ts,项目地址vite-vue3-charts,预览地址https://weizwz.com/vite-vue3-charts准备工作1.注册为百度地图开发者官网地址,然后在应用管理->我的应用里,创建应用,创建好后复制AK2.在根目录的index.html里引入百度地图<head><metacharse......