echart x轴不显示

通过设置 interval: 0，可以使echarts的x轴文字显示全。另外，还可以使用 formatter 来处理换行显示。具体的代码如下：

第一种方法：

xAxis: {
  type: "category",
  axisLabel: {
    show: true,
    interval: 0,
  }
}

第二种方法：

xAxis: {
  type: "category",
  axisLabel: {
    show: true,
    interval: 0,
    textStyle: {
      color: "rgba(219, 225, 255, 1)"
    },
    formatter: function(params) {
      var newParamsName = "";
      var paramsNameNumber = params.length;
      var provideNumber = 3; //一行显示几个字
      var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
      if (paramsNameNumber > provideNumber) {
        for (var p = 0; p < rowNumber; p++) {
          var tempStr = "";
          var start = p * provideNumber;
          var end = start + provideNumber;
          if (p == rowNumber - 1) {
            tempStr = params.substring(start, paramsNameNumber);
          } else {
            tempStr = params.substring(start, end) + "\n";
          }
          newParamsName += tempStr;
        }
      } else {
        newParamsName = params;
      }
      return newParamsName;
    }
  },
}