解决ECharts海量数据渲染卡顿问题！！！

发现的问题

我们发现渲染时间非常久(需要10多秒)，而且页面卡顿；

有没有好的办法来解决这个问题呢;

是有的，最好的使用echarts的dataZoom用于区域缩放；

通过滑块看指定区域的数据，我们来尝试一下

dataZoom的常见属性介绍

type: "slider" || "inside",

  slider:这种类型会在图表的一侧添加一个滑动条，

  用户可以通过拖动滑动条来改变数据窗口的范围，从而实现数据的缩放。

  inside:这种类型缩放组件是内置于坐标系中的，

  用户可以通过鼠标滚轮、触屏手指滑动等方式来操作数据的缩放。

  简单点说:slider会产生一个滚动条，inside不会

xAxisIndex: 可以是一个数字，表示特定的X轴索引；

  也可以是一个数组，表示同时控制多个X轴。

xAxisIndex: 0, 控制第1条数据开始

start: 0, 数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。

end: 1, 数据窗口范围的结束百分比。范围是：0 ~ 100。

minSpan: 0, 用于限制窗口大小的最小值（百分比值），取值范围是 0 ~ 100。

maxSpan: 10, 用于限制窗口大小的最大值（百分比值），取值范围是 0 ~ 100。

特别提醒：start: 设置为0；说明是从第1条数据开始的；

那么xAxisIndex就必须是0;

因为xAxisIndex