echarts 设置legend 位置
时间: 2023-10-18 17:31:43 浏览: 159
echarts legend 排列问题
可以通过 echarts 中的 legend 属性来设置图例的位置,具体可以使用以下两种方式:
1. 使用字符串设置位置,例如:
```
legend: {
data: ['数据1', '数据2'],
align: 'right', // 水平方向位置
top: 'middle', // 垂直方向位置
}
```
2. 使用数组设置位置,例如:
```
legend: {
data: ['数据1', '数据2'],
left: 'center',
bottom: 10,
orient: 'horizontal', // 图例布局方向
itemWidth: 20, // 图例标记的图形宽度
itemHeight: 14, // 图例标记的图形高度
textStyle: {
color: '#333', // 图例文本颜色
fontSize: 12, // 图例文本大小
},
}
```
这些属性可以根据实际需求进行调整,可以参考 echarts 官方文档进行更详细的设置:https://echarts.apache.org/zh/option.html#legend
阅读全文