echarts+legend居中
时间: 2023-11-11 12:04:04 浏览: 308
echarts
在echarts中,如果想要实现图例legend居中的效果,可以通过设置legend的属性来实现。具体方法如下:
1. 设置legend的orient属性为'horizontal',表示图例水平排列。
2. 设置legend的left和right属性为'center',表示图例左右居中对齐。
3. 设置legend的top或bottom属性为相应的值,表示图例在相应的位置显示。
下面是一个示例代码:
```
legend: {
orient: 'horizontal',
left: 'center',
bottom: 0,
data: ['大类资产配置收益', '行业配置收益', '行业选股收益', '交易收益', '总超额收益'],
icon: 'rect',
itemWidth: 10,
itemHeight: 3,
textStyle: {
color: '#434549',
fontSize: 12
},
formatter: function(item) {
return item + ' ';
}
}
```
这样设置后,图例legend就会在echarts图表中水平居中显示。
阅读全文