echarts 数据量太大，造成图表渲染卡顿，影响性能怎么办？！

一 echarts配置首册

链接：https://echarts.apache.org/zh/option.html#dataZoom

二  DataZoom

dataZoom 组件 用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。

现在支持这几种类型的 dataZoom 组件

可以设置dataZoom的start和end，只显示部分图表，可以优化展示性能，但是有时候即使展示部分，还是数据量很多造成渲染性能问题怎么办？

 

三  sampling

对于 line，可以设置

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

可选：

• 'average' 取过滤点的平均值
• 'max' 取过滤点的最大值
• 'min' 取过滤点的最小值
• 'sum' 取过滤点的和

可以很好的优化渲染