Echarts数据更新大坑


今天使用了一个Echarts来实现柱状图和直线图统计组合,每次通过axios(ajax库)来请求新数据来刷新数据,但是发现请求数据确实是对应变化到了options变量中,后台数据条数只有一条,但是图表数据没发生变化。

思考:
    一开始我傻乎乎地认为是vue的数据没响应,我就把options放到data选项中去,但是图表任然没发生变化,vue-devtool查看到对应的数据发生了变化。

解决原理以及方案:

    官方文档setOption方法签名如下:
    setOption(option, notMerge, lazUpdate)

    可以看到第二个参数,表示合并,这里表示是否option合并数据,默认值为false,这就是为什么数据源条数变化了,而图表数据条数缺没发生变化,正确姿势是setOption(options, true)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM