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,     
   }, 
},
相关推荐
计算机魔术师44 分钟前
特朗普上台打给黄仁勋:AI末日论是骗局,我们绝不让它发生
前端
troy1281 小时前
Python 基础语法(八):Web 后端开发、数据分析与可视化、网络爬虫、人工智能 / 大模型应用
前端·python·数据分析
计算机魔术师1 小时前
CEO说要慢下来,黑客说别做梦了——同一篇论文,两种命运
前端
kyriewen2 小时前
我花3天抓了一个幽灵bug,凶手藏在第4层
前端·javascript·程序员
IT_陈寒2 小时前
Java里用Stream.parallel()翻车实录,这性能还不如单线程
前端·人工智能·后端
wangchunyu1142 小时前
JavaScript 零基础入门教程
前端
hanchenxing3 小时前
前端异步任务三方案:Celery vs Redis Stream vs BullMQ 实战对比消息队列
前端·数据库·redis·异步任务·方案对比
默_笙3 小时前
⚓ AI 的"官方答题卡":withStructuredOutput 与结构化输出的终局之战
前端·javascript
掘金挖土3 小时前
前端手摸手跑路之 AI 应用开发(五)
前端·后端
小羊没烦恼!4 小时前
Memory 记忆设计讨论:Agent Memory 的数据模型可以怎么设计
java·开发语言·前端·c++·c#