echarts图例设置
时间: 2023-08-10 13:04:26 浏览: 174
要设置 Echarts 图例,你可以使用 Echarts 的 legend 配置项。下面是一些常用的设置选项:
1. 显示图例:设置 `legend.show` 为 `true`,默认为 `true`。
```javascript
option = {
legend: {
show: true
},
// 其他配置项...
};
```
2. 图例位置:可以使用 `legend.left`、`legend.right`、`legend.top`、`legend.bottom` 或 `legend.orient` 来设置图例的位置。
```javascript
option = {
legend: {
left: 'center', // 居中显示
// 或者使用 right、top、bottom
},
// 其他配置项...
};
```
3. 图例布局:可以使用 `legend.orient` 来设置图例的布局方向,可选值有 `horizontal`(水平布局,默认值)和 `vertical`(垂直布局)。
```javascript
option = {
legend: {
orient: 'vertical', // 垂直布局
// 或者使用 horizontal
},
// 其他配置项...
};
```
4. 图例样式:可以使用 `legend.textStyle` 来设置图例的样式,如字体大小、颜色等。
```javascript
option = {
legend: {
textStyle: {
fontSize: 14,
color: '#333'
},
},
// 其他配置项...
};
```
这些只是一些常用的图例设置选项,你还可以根据具体需求进行更多的自定义设置。详细的图例配置可以参考 Echarts 官方文档。
阅读全文