echarts使用dataZoom属性,左右滑动时折线图混乱或显示不全问题的解决方案

问题复现

在这里插入图片描述

由图可知,8号数据为0且当前显示局部趋势与下方滑动条中趋势图形不符,排查问题发现是数据过滤的问题

解决方案

属性中加入filterMode: 'empty'

关于dataZoom中的filterMode属性可以查看官方文档
dataZoom-slider.filterMode

解决后效果图

在这里插入图片描述