改变echarts图例位置
时间: 2023-06-28 11:09:50 浏览: 115
echarts设置图例颜色和地图底色的方法实例
5星 · 资源好评率100%
你可以通过设置 legend 对象的 orient 属性来改变图例的位置。orient 属性可以设置为 'horizontal'、'vertical' 或者 'none'。
例如,如果要将图例放置在图表的底部中心位置,可以设置 orient 为 'horizontal' 并设置 x 属性为 'center',如下所示:
```
option = {
legend: {
orient: 'horizontal',
x: 'center'
},
// 其他配置项
};
```
如果要将图例放置在图表的右侧中心位置,可以设置 orient 为 'vertical' 并设置 y 属性为 'center',如下所示:
```
option = {
legend: {
orient: 'vertical',
y: 'center',
right: 10
},
// 其他配置项
};
```
其中,right 属性表示图例距离图表右侧的距离,可以根据需要进行调整。
阅读全文