vue echarts实现折线图X轴的拖拽效果

✦ dataZoom 和 数轴的关系 ✦

dataZoom 主要是对 数轴（axis） 进行操作（控制数轴的显示范围，或称窗口（window））。

可以通过 dataZoom.xAxisIndex 或 dataZoom.yAxisIndex 或 dataZoom.radiusAxisIndex 或 dataZoom.angleAxisIndex 来指定 dataZoom 控制哪个或哪些数轴。

dataZoom 组件可 同时存在多个，起到共同控制的作用。如果多个 dataZoom 组件共同控制同一个数轴，他们会自动联动。

实现效果：

 

 //配置项：
this.insuranceOption = {
    // 拖拽X轴
    dataZoom: [
            {
              type: "slider",//inside鼠标缩放
              show: true,
              start: 0,
              end: 50,
              xAxisIndex: [0],
            }
   ],
}