echarts xAxis label文字如何换行

最新推荐文章于 2025-02-06 17:20:00 发布

一狐九

最新推荐文章于 2025-02-06 17:20:00 发布

阅读量1.3k

点赞数 1

文章标签： echarts javascript 前端

本文链接：https://blog.youkuaiyun.com/zz_LXW/article/details/133321282

版权

xAxis: {
  axisLabel:{
       formatter: function (params) {
         let newParamsName = "";
         let paramsNameNumber = params.length;
         let provideNumber = 2; // 一行显示几个字 然后就超过字数就会自动换行
         let rowNumber = Math.ceil(paramsNameNumber / provideNumber);
         if (paramsNameNumber > provideNumber) {
           for (let p = 0; p < rowNumber; p++) {
             let tempStr = "";
             let start = p * provideNumber;
             let 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;
       }
     }
   }