Echarts 数据过多滚动配置

dataZoom: [

          {

            type: 'slider',

            show: true, //隐藏或显示（true）组件

            backgroundColor: 'rgb(19, 63, 100)', // 组件的背景颜色。

            fillerColor: '#0b3292', // 选中范围的填充颜色。

            borderColor: '', // 边框颜色

            showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息

            startValue: 0, // 数据窗口范围的起始数值

            endValue: 6, // 数据窗口范围的结束数值（一页显示多少条数据）

            yAxisIndex: [0, 1], //控制哪个轴，如果是 number 表示控制一个轴，如果是 Array 表示控制多个轴。此处控制第二根轴

            filterMode: 'empty',

            width: 8, //滚动条宽度度

            height: '80%', //滚动条显示位置

            right: 3, // 距离右边

            handleSize: 10, //控制手柄的尺寸

            zoomLoxk: false, // 是否锁定选择区域（或叫做数据窗口）的大小

            top: 'middle'

          },

          {

            //没有下面这块的话，只能拖动滚动条，鼠标滚轮在区域内不能控制外部滚动条

            type: 'inside',

            yAxisIndex: [0, 1], //控制哪个轴，如果是 number 表示控制一个轴，如果是 Array 表示控制多个轴。此处控制第二根轴

            zoomOnMouseWheel: false, //滚轮是否触发缩放

            moveOnMouseMove: true, //鼠标移动能否触发平移

            moveOnMouseWheel: true //鼠标滚轮能否触发平移

          }

        ]