echarts柱状图轴与轴互换显示
时间: 2023-11-24 14:49:52 浏览: 34
可以通过设置echarts中的xAxis和yAxis来实现柱状图轴与轴互换显示。具体步骤如下:
1. 将原本的xAxis改为yAxis,将原本的yAxis改为xAxis。
2. 在xAxis和yAxis中分别设置对应的数据和样式。
下面是一个示例代码:
```
option = {
xAxis: {
type: 'value',
splitLine: {show: false},
axisLine: {
lineStyle: {
type: 'solid',
color: '#fff',
width: '2'
}
},
axisLabel: {
textStyle: {
color: '#fff'
}
}
},
yAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E'],
splitLine: {show: false},
axisLine: {
lineStyle: {
type: 'solid',
color: '#fff',
width: '2'
}
},
axisLabel: {
textStyle: {
color: '#fff'
}
}
},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50]
}]
};
```
在上面的示例代码中,我们将原本的xAxis改为了yAxis,将原本的yAxis改为了xAxis,并且在xAxis和yAxis中分别设置了对应的数据和样式。最后通过series来设置柱状图的数据。