我想在条形图中的顶部x轴和底部x轴上显示标签。我正在尝试将该条形表示为两个相对值之间的范围,例如:精力充沛与后退。
有人知道如何在echarts
中执行此操作吗?理想情况下是类似下面的内容,但是我什么也找不到:
option = {
...
xAxis: [{
type: "category",
data-top: ["happy", "energetic", "early-bird"],
data-bottom: ["melancholy", "laid-back", "night-owl"]
}],
...
}
我希望可以使用formatter
选项来做到这一点,但是我不知道该怎么做。
非常感谢您的帮助!
答案 0 :(得分:1)
您可以使用辅助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, 220, 0.8)'
}
}]
};
图表应显示为