ECharts：柱状图底部名称没有对齐

最新推荐文章于 2025-08-04 14:37:55 发布

dingcho

最新推荐文章于 2025-08-04 14:37:55 发布

阅读量109

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/yao_guai/article/details/148478745

前端专栏收录该内容

182 篇文章

订阅专栏

option = {
  xAxis: {
    type: 'category',
    data: ['标签1', '标签2', '标签3'],
    axisLabel: {
      rotate: 45, // 旋转角度
      margin: 10, // 标签与轴线间距
      // 关键配置：设置文字对齐方式
      align: 'center', // 水平居中
      verticalAlign: 'bottom', // 垂直底部对齐
      interval: 0 // 强制显示所有标签（避免省略）
    }
  },
  yAxis: { type: 'value' },
  series: [{ data: [120, 200, 150], type: 'bar' }]
};