echarts图表与x轴上的文字距离怎么设置

可以使用 `grid` 和 `xAxis` 的 `axisLabel` 配置项来设置 echarts 图表中 x 轴上的文字距离。

`grid` 可以用来设置整个图表的位置和大小，包括 x 轴的文字位置。`xAxis` 的 `axisLabel` 配置项可以用来设置 x 轴上的文字样式和间距。下面是一个示例代码：

option = {
  grid: {
    top: '10%', // 距离顶部的距离
    left: '5%', // 距离左边的距离
    right: '5%', // 距离右边的距离
    bottom: '10%', // 距离底部的距离
    containLabel: true // 是否包含坐标轴标签
  },
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    axisLabel: {
      interval: 0, // 强制显示所有标签
      margin: 10 // 标签与坐标轴线的距离
    }
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    name: '销量',
    type: 'bar',
    data: [5, 20, 36, 10, 10, 20, 8]
  }]
};

在上面的示例代码中，`grid` 中设置了距离顶部、左边、右边和底部的距离，`xAxis` 的 `axisLabel` 中设置了强制显示所有标签，并且标签与坐标轴线的距离为 10。这样就可以通过调整 `grid` 和 `xAxis` 的 `axisLabel` 配置项来设置 x 轴上的文字距离。