echart大数据量缩放时间轴卡顿

如图,X轴type为类目轴category,数据量大的时候缩放有时会出现这种情况

echart大数据量缩放时间轴卡顿_第1张图片

查资料后改了图表的几个属性:

1、sampling:"average"。【但是并不管用】

官方解释:

折线图在数据量远大于像素点时候的降采样策略,开启后可以有效的优化图表的绘制效率,默认关闭,也就是全部绘制不过滤数据点。

2、animation:false。【改完感觉好很多,但是sybmol效果没有了】

3、showAllSymbol:false。【瞬间就不卡了】

官方解释:

只在主轴为类目轴(axis.type 为 'category')时有效。 可选值:

  • 'auto':默认,如果有足够空间则显示标志图形,否则随主轴标签间隔隐藏策略。
  • true:显示所有图形。
  • false:随主轴标签间隔隐藏策略。

4、showSymbol:false。【目测与showAllSymbol效果相同,感觉设置了这个应该就不用设置showAllSymbol了】

官方解释:

 是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示。

 

所以,最后,为了symbol效果还有,我在series里加上了:

showSymbol:false,
sampling:'average',
showAllSymbol: false,

成功解决~~

 

 

你可能感兴趣的:(web前端)