echarts柱状图横过来
时间: 2023-11-10 21:02:57 浏览: 93
echarts 横着显示的柱状图
要将 ECharts 柱状图横过来,可以使用 ECharts 中的直角坐标系中的 `xAxis` 和 `yAxis` 进行设置。
具体做法如下:
1. 将 `xAxis` 和 `yAxis` 的 `type` 属性分别设置为 `'value'` 和 `'category'`。
2. 将 `series` 中的 `xAxisIndex` 和 `yAxisIndex` 属性互换。
以下是示例代码:
```javascript
option = {
xAxis: {
type: 'value'
},
yAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
series: [{
data: [120, 200, 150, 80, 70],
type: 'bar',
// 将 xAxisIndex 和 yAxisIndex 属性互换
yAxisIndex: 0,
xAxisIndex: 0
}]
};
```
阅读全文