EChart柱状图x轴文字过长时,自动换行

        "xAxis": [{
          "type": "category",
          "data": this.xData,
          "axisLabel": {
            "margin": 20,
            "rotate": 45,
            "interval": 0,
            //文字换行
            "formatter": function (value) {
              var ret = "";//拼接加\n返回的类目项
              var maxLength = 15;//每项显示文字个数
              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;
              }
            }
          },
        }],

你可能感兴趣的:(工作,Echart,js,javascript)