echarts x轴文字显示不全

1、xAxis.axisLabel 属性

通过
axisLabel: {
interval:0,
rotate:40
}

使x轴文字倾斜显示

//控制x轴
xAxis: [
  {
    type: 'category',
    //字体倾斜
    axisLabel: {
      interval:0,
      rotate:40
    },
    data: deptList
  }
]

当文字太长显示不全时,可以通过调整grid 显示

grid: {
  y: 80,
   y2:140,
   x2: 140
 }

2、调用formatter文字竖直显示

axisLabel: {
  interval: 0,
  formatter: function (value) {
    return value.split("").join("\n");
  }
}
posted @   路暝月  阅读(164)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示