Echarts条形图轴标签的顶部和底部

问题描述

我想在条形图中的顶部x轴和底部x轴上显示标签。我正在尝试将该条形表示为两个相对值之间的范围，例如：精力充沛与后退。

有人知道如何在echarts中执行此操作吗？理想情况下是类似下面的内容，但是我什么也找不到：

option = {
  ...

  xAxis: [{
    type: "category",data-top: ["happy","energetic","early-bird"],data-bottom: ["melancholy","laid-back","night-owl"]
  }],...
}

我希望可以使用formatter选项来做到这一点，但是我不知道该怎么做。

非常感谢您的帮助！

解决方法

您可以使用辅助X轴在图表的顶部和底部显示标签

请参考下面的图表选项

option = {
    xAxis: [{
        type: 'category',data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
    },{
        type: 'category',data: ['Mon Top','Tue Top','Wed Top','Thu Top','Fri Top','Sat Top','Sun Top']
    }],yAxis: {
        type: 'value'
    },series: [{
        data: [120,200,150,80,70,110,130],type: 'bar',showBackground: true,backgroundStyle: {
            color: 'rgba(220,220,0.8)'
        }
    }]
};

图表应显示为