echarts - 数据更新但图表不更新

当修改setOption值的时候,如果 option.series 是动态增加减少,图表渲染会出错。

比如,echarts 图表一开始只有单一的柱状图,后来通过 option.series 动态插入数据,新增折线图。这时候 echarts 图表是柱状图+折线图,显示没问题,后面将 option.series 的数据减少一个,按理说应该只存在柱状图,情况是柱状图的数据更新,但是折线图还在。

可以通过setOption的第二参数(notMerge)解决这个问题。

myChart.setOption(option,true)

这个字段的含义是全部组件更新,如果不想所有组件都更新,那么可以设置更新字段

myChart.setOption(option, {
    replaceMerge: ['xAxis', 'series']
});

另外,setOption中3个参数的含义

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

echart配置文档

  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值