JS echarts饼图legend位置调整到左侧垂直居中
时间: 2023-07-28 16:17:01 浏览: 735
echarts饼图各个板块之间的空隙如何实现
要将 Echarts 饼图的 legend 位置调整到左侧垂直居中,可以通过设置 Echarts 相应的配置项来实现。具体操作如下:
1. 在 Echarts 的 option 中添加 legend 配置项,设置 orient 为 'vertical',并设置 left 和 top 分别为 'left' 和 'center',如下所示:
```
option = {
// 其他配置项
legend: {
orient: 'vertical',
left: 'left',
top: 'center',
},
// 其他配置项
}
```
2. 这样就可以将 legend 的位置设置为左侧垂直居中了。如果还需要调整 legend 的样式,可以在 legend 中添加相应的配置项,例如 textStyle 来设置文字样式。完整的配置项如下:
```
option = {
// 其他配置项
legend: {
orient: 'vertical',
left: 'left',
top: 'center',
textStyle: {
color: '#333',
fontSize: 14,
},
},
// 其他配置项
}
```
阅读全文