echarts处理x轴的文字过长,换行显示

css 复制代码
xAxis: {
   type: "category",       
   boundaryGap: false,               
   data: interfaceName,          
   axisLabel: {  //坐标轴刻度标签的相关设置。               
      interval: 0,                 
      margin: 12,                                       
      textStyle: {   // 更改x轴文字颜色的配置 
          color: "#99B4D9", //处理x轴的文字颜色           
          fontSize: 12,         
      },              
      formatter: function (value) {              
          let result = "";           
          let maxLength = 4; // 每行最多显示4个字符                 
          for ( let i = 0, len = value.length;  i < len; i += maxLength ) {                    
                result += value.slice(i, i + maxLength) + "\n"; 
          }              
          return result;  
      },  
   },                
   axisLine: {                
      lineStyle: {               
        color: "#199DFF",               
        width: 1, //x轴线的宽度         
      },             
    },               
   axisTick: {                 
      show: false,     
   }, 
},
相关推荐
FlyWIHTSKY14 分钟前
vue2和vue3有什么区别,用法上有哪些区别
前端·javascript·vue.js
码云之上15 分钟前
10 颗一模一样的「Edit」:中后台 Web Agent 怎么找到对的那一行
前端·人工智能·浏览器
量化分析码农43 分钟前
【Python量化多因子实战 04】因子暴露不是 alpha:市值与行业中性化实战
前端·后端
不可能片场1 小时前
Electron 发布 正文写入的三条通道与读回口径
前端·electron
jerrywus1 小时前
让 AI 帮你部署 Vercel,报错了也不用手动搬日志
前端·agent·mcp
补码缩写2 小时前
11 行 Python 拆 PNG 块,解压后的字节数能手算
前端
coding漫漫长路2 小时前
PNG压缩先看图是哪一类,先无损再量化多半白做
前端
用户257680763212 小时前
搜「洗牙」为什么搜不到「洁治」
前端
费曼学习法2 小时前
Agent 死循环的根因不在模型:错误分类、退避、熔断、快照四层实现
前端
修炼的dance2 小时前
同一张PNG换五种压法,体积差在颜色数上
前端