echarts 滑动十字星展示, 关闭X做标上下滚动, Y做标左右滚动

可以通过设置 `toolbox.feature.dataZoom` 实现滑动十字星展示，同时可以通过设置 `dataZoom` 组件的 `xAxisIndex` 和yAxisIndex` 属性来控制 X 轴和 Y 轴的滚动。

具体步骤如下：

1. 在 ECharts 的 option 中添加 `toolbox` 和 `dataZoom` 组件：

option = {
  ...
  toolbox: {
    feature: {
      dataZoom: {
        yAxisIndex: 'none' // 设置为 none，表示不启用 Y 轴的数据区域缩放
      },
      restore: {}
    }
  },
  dataZoom: [
    {
      type: 'inside',
      xAxisIndex: 0, // 控制 X 轴的数据区域缩放
      filterMode: 'filter'
    },
    {
      type: 'inside',
      yAxisIndex: 0, // 控制 Y 轴的数据区域缩放
      filterMode: 'filter'
    }
  ],
  ...
}

2. 在 `toolbox` 中设置 `dataZoom` 的参数，包括 `xAxisIndex` 和 `yAxisIndex`。上面的示例中，我们将 `yAxisIndex` 设置为 `none` 表示不启用 Y 轴的数据区域缩放。

3. 在 `dataZoom` 中设置 `xAxisIndex` 和 `yAxisIndex` 控制 X 轴和 Y 轴的数据区域缩放。

注意：在使用滑动十字星展示时，需要将 `grid` 组件的 `containLabel` 属性设置为 `true`，以保证图表的标题和坐标轴标签不被裁剪。例如：

grid: {
  containLabel: true
},

完整示例代码：

option = {
  title: {
    text: '示例图表'
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      label: {
        backgroundColor: '#6a7985'
      }
    }
  },
  toolbox: {
    feature: {
      dataZoom: {
        yAxisIndex: 'none' // 设置为 none，表示不启用 Y 轴的数据区域缩放
      },
      restore: {}
    }
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value',
    min: 0,
    max: 100,
    axisLabel: {
      formatter: '{value} %'
    }
  },
  grid: {
    containLabel: true
  },
  dataZoom: [
    {
      type: 'inside',
      xAxisIndex: 0, // 控制 X 轴的数据区域缩放
      filterMode: 'filter'
    },
    {
      type: 'inside',
      yAxisIndex: 0, // 控制 Y 轴的数据区域缩放
      filterMode: 'filter'
    }
  ],
  series: [
    {
      name: '示例数据',
      type: 'line',
      data: [10, 20, 30, 40, 50, 60, 70]
    }
  ]
};