echarts图表横向滚动

在手机端宽度不够的时候可以设置横坐标区域滚动，

主要是设置一下zoom配置项

 dataZoom: [
      //滑动条
      {
        xAxisIndex: 0, //这里是从X轴的0刻度开始
        show: true, //是否显示滑动条，不影响使用
        type: "inside", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
        startValue: 0, // 从头开始。
        endValue: 6, // 一次性展示6个。
        zoomLock:false,
      },
    ],

 设置echarts 横坐标标签的角度

 xAxis: {
      type: 'category',
      boundaryGap: false,
      data: [],
      axisLabel: {
        interval:0,
        rotate:70  // 这是控制角度
      }
    },

   yAxis: {

      axisLine: { show: true, } // 控制 Y轴是否显示

   }