echarts纵坐标标签文字换行显示。

248 阅读1分钟

核心代码:

yAxis: {
  data: a,
  axisLabel:{
    interval : 0, //强制显示所有标签
    formatter : function(params){
      var newParamsName = "";
      var paramsNameNumber = params.length;
      var provideNumber = 10;  //每行显示的文字个数
      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
    }
  }
},