echarts柱状图旋转90度
时间: 2023-08-06 14:09:24 浏览: 332
echarts柱状图
要将 ECharts 柱状图旋转90度,你可以使用 ECharts 提供的旋转属性来实现。以下是一个示例代码:
```javascript
option = {
xAxis: {
type: 'value',
axisLabel: {
rotate: 90 // 将 x 轴标签旋转90度
}
},
yAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50]
}]
};
```
在上面的示例中,我们通过设置 `xAxis.axisLabel.rotate` 属性为 90 来实现 x 轴标签的旋转。这样就可以使柱状图的 x 轴标签垂直显示。
你可以根据自己的需求进行进一步调整和优化,比如调整柱状图的宽度、颜色等。希望这能帮助到你!
阅读全文