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,     
   }, 
},
相关推荐
o***Z44814 小时前
前端性能优化案例
前端
张拭心14 小时前
前端没有实际的必要了?结合今年工作内容,谈谈我的看法
前端·ai编程
姜太小白14 小时前
【前端】CSS媒体查询响应式设计详解:@media (max-width: 600px) {……}
前端·css·媒体
HIT_Weston15 小时前
39、【Ubuntu】【远程开发】拉出内网 Web 服务:构建静态网页(二)
linux·前端·ubuntu
百***060115 小时前
SpringMVC 请求参数接收
前端·javascript·算法
天外天-亮15 小时前
Vue + excel下载 + 水印
前端·vue.js·excel
起个名字逛街玩15 小时前
前端正在走向“工程系统化”:从页面开发到复杂产品架构的深度进化
前端·架构
用户479492835691515 小时前
React 渲染两次:是 Bug 还是 Feature?聊聊严格模式的“良苦用心”
前端·react.js·前端框架
b***748816 小时前
前端GraphQL案例
前端·后端·graphql
云飞云共享云桌面16 小时前
无需配置传统电脑——智能装备工厂10个SolidWorks共享一台工作站
运维·服务器·前端·网络·算法·电脑