echarts 数据过多添加缩放datazoom 配置

##简单配置

 dataZoom: [{
                type: 'slider',
                show: true,
                startValue: 0,
                endValue: 5,
                height: '15',
                bottom: '3%',
                zoomLock: true
            }],

##type：inside 常用配置
{
start: 0 ,
end: 100 ,//起始百分比
orient：【‘horizontal’：水平。‘vertical’：竖直。】
zoomLock: true //如果设置为 true 则锁定选择区域的大小，也就是说，只能平移，不能缩放。
throttle: 60,//设置触发视图刷新的频率。单位为毫秒（ms）
zoomOnMouseWheel: 【
true：表示不按任何功能键，鼠标滚轮能触发缩放。
false：表示鼠标滚轮不能触发缩放。
‘shift’：表示按住 shift 和鼠标滚轮能触发缩放。
‘ctrl’：表示按住 ctrl 和鼠标滚轮能触发缩放。
‘alt’：表示按住 alt 和鼠标滚轮能触发缩放。
】，
moveOnMouseMove: 【
true：表示不按任何功能键，鼠标移动能触发数据窗口平移。
false：表示鼠标移动不能触发平移。
‘shift’：表示按住 shift 和鼠标移动能触发数据窗口平移。
‘ctrl’：表示按住 ctrl 和鼠标移动能触发数据窗口平移。
‘alt’：表示按住 alt 和鼠标移动能触发数据窗口平移。
】，
moveOnMouseWheel: 【
true：表示不按任何功能键，鼠标滚轮能触发数据窗口平移。
false：表示鼠标滚轮不能触发平移。
‘shift’：表示按住 shift 和鼠标滚轮能触发数据窗口平移。
‘ctrl’：表示按住 ctrl 和鼠标滚轮能触发数据窗口平移。
‘alt’：表示按住 alt 和鼠标滚轮能触发数据窗口平移。
】，
preventDefaultMouseMove: true //是否阻止 mousemove 事件的默认行为。
}

###详细配置 见官网 https://echarts.apache.org/zh/option.html#dataZoom-inside.type