别慌,让我先缓缓 2023-12-08 13:32 采纳率: 86.7%
浏览 14
已结题

echarts中如何实现横坐标标签的多级显示

echarts中如何实现横坐标标签的多级显示,就比如说下面这种横坐标

img

  • 写回答

2条回答 默认 最新

  • 俊刚、 2023-12-08 14:37
    关注

    在 xAxis 中设置 axisLabel 属性,其中的 formatter 函数可以自定义横坐标标签的显示方式。
    例如:

    xAxis: {
        type: 'category',
        axisLabel: {
          formatter: function(value, index) {
            // 自定义分级处理逻辑
            if (index % 2 === 0) {
              return value; // 偶数索引直接显示原始值
            } else {
              return '\n' + value; // 奇数索引在原始值前加换行符
            }
          }
        },
        data: ['一级分类1', '一级分类2', '一级分类3', '一级分类4', '一级分类5']
      },
    

    不知道是不是你想要的那种。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月16日
  • 已采纳回答 12月8日
  • 创建了问题 12月8日