echarts横坐标字数太多折叠显示

懒得打字，上代码。。。。。。

xAxis: [
          {
            type: "category",
            data: xAxis,
            axisLabel: {
              show: true,
              formatter: function (value) {
                var ret = ""; //拼接加\n返回的类目项
                var maxLength = 4; //每项显示文字个数
                var valLength = value.length; //X轴类目项的文字个数
                var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
                if (rowN > 1) {
                  //如果类目项的文字大于3,
                  for (var i = 0; i < rowN; i++) {
                    var temp = ""; //每次截取的字符串
                    var start = i * maxLength; //开始截取的位置
                    var end = start + maxLength; //结束截取的位置
                    //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
                    temp = value.substring(start, end) + "\n";
                    ret += temp; //凭借最终的字符串
                  }
                  return ret;
                } else {
                  return value;
                }
              },
              textStyle: {
                fontSize: 10,
                fontFamily: "PingFang SC",
                fontWeight: 500,
                color: "#FEFFFF",
                lineHeight: 18,
              },
            },
            axisTick: {
              // 坐标轴 刻度
              show: false, // 是否显示
            },
          },
        ],