Echartsjs 柱形图加折线图 启用datazoom,滑动图标之后更新数据,不能覆盖原数据的问题。

1、最近使用echartsjs,有个需求是柱形图和折线图一起绘制,查看当天数据,有个切换的按钮,可以选择按小时查询或者按天查询,按小时查询的数据较多,启动datazoom,鼠标滑动查看。

2、问题复现:初始化按天查看,没有问题,切换之后按小时查看没有问题,滑动查看没有问题,问题出现在,滑动之后,如果要切换回按天查看,按小时查看的折线数据会出现在图标上。

3、解决办法:网上查到的 .setOption(option,true) 增加true对这个问题无效。series data更新的时候先清空数组无效。

在切换数据setOption之前调用,chart.clear(),此方法有效,但是始终感觉有点暴力,还有个比较麻烦的方法是,给series data空数据,然后setOption,然后再给新的数组,再setOption。

4、具体内容可以去看echartjs的网站查看我提交的一个简单的demo复现问题,如果有更好的解决办法,请留言交流

https://gallery.echartsjs.com/editor.html?c=xCq4FDcdJC&comment=0

你可能感兴趣的:(Echartsjs 柱形图加折线图 启用datazoom,滑动图标之后更新数据,不能覆盖原数据的问题。)