echarts x轴数据过多时，添加横向滚动效果

x轴数据过多时，使用echarts中的dataZoom，对其进行配置，完成横向滚动效果。

代码如下：

dataZoom:[ 

          {

            type: 'slider',

            show: false,

            start:0,//默认为0

            end: 100,//默认为100

            xAxisIndex: [0],

            handleSize: 0,//滑动条的 左右2个滑动条的大小

            height: 5,//组件高度

            bottom: 0,//右边的距离

            borderColor: "#e3e3e3",

            fillerColor: '#51B7F9',

            borderRadius:10,

            backgroundColor: '#e3e3e3',//两边未选中的滑动条区域的颜色

            showDataShadow: false,//是否显示数据阴影 默认auto

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

            realtime:true, //是否实时更新

            filterMode: 'filter',

            zlevel:-10,

          },
			//以下重点： 让鼠标滚动从缩放变成移动
          {

            type: 'inside',

            xAxisIndex: [0],

            zoomOnMouseWheel:false, //滚轮不触发缩放

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

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

          },

        ],