echarts饼状图的设置legend数项排列
时间: 2023-07-26 07:23:50 浏览: 1510
echarts 柱状图渐变色背景
5星 · 资源好评率100%
ECharts 中饼状图图例(legend)的排列方式可以通过设置 `legend` 的 `orient` 属性来实现,常见的有以下几种方式:
1. 水平排列:将 `legend` 的 `orient` 属性设置为 `'horizontal'`,默认值就是水平排列。
```javascript
legend: {
orient: 'horizontal',
// 其他属性
}
```
2. 垂直排列:将 `legend` 的 `orient` 属性设置为 `'vertical'`。
```javascript
legend: {
orient: 'vertical',
// 其他属性
}
```
3. 居中排列:将 `legend` 的 `orient` 属性设置为 `'center'`。
```javascript
legend: {
orient: 'center',
// 其他属性
}
```
4. 顶部排列:将 `legend` 的 `orient` 属性设置为 `'top'`。
```javascript
legend: {
orient: 'top',
// 其他属性
}
```
5. 底部排列:将 `legend` 的 `orient` 属性设置为 `'bottom'`。
```javascript
legend: {
orient: 'bottom',
// 其他属性
}
```
除了 `orient` 属性,`legend` 还有许多其他的属性可以设置,如位置、对齐方式、字体样式等。具体使用可以参考 ECharts 官方文档。
阅读全文