echarts图形刷新后数据保留原有数据

近期做echarts地图控件时踩到了一个坑
先说下需求:
点击全部时展示所有仓数据总量
点击单个仓时展示单个仓的数据

但是发现在点击单个仓时 数据并没有被清除 还是保留全部的数据
如下图(点击了西安仓)
在这里插入图片描述
西安仓中数据为空 正常应该是什么都不显示的
查看官方文档后发现原来set的时候是:
this.charts.setOption(option);
正确的应该是:
this.charts.setOption(option,true);
再次刷新,问题解决,
setOption有3个属性
setOption(option,notMerge,lazyUpdate);
第二个notMerge默认为false,即默认合并两个数据
置为true之后则不合并数据了,就可以实现刷新数据的效果了

 // mapChina为地图的初始化对象
 // mapChina.setOption(mapBoxOption); // 默认合并数据 展现最多的数据
    mapChina.setOption(mapBoxOption,true);

这样在选择单个仓时 如果没有数据就不会显示之前的数据了在这里插入图片描述

要是还是无法解决的话 可以在setOption之前先清除下画布(一定要在setOption之前清)

// 清空画布
   mapChina.clear()
// mapChina.setOption(mapBoxOption); // 默认合并数据 展现最多的数据
   mapChina.setOption(mapBoxOption,true);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值