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 @ 2023-07-11 10:52  路暝月  阅读(154)  评论(0编辑  收藏  举报  来源