echarts legend
时间: 2023-09-26 21:11:22 浏览: 74
ECharts 中的图例(legend)用于说明不同的系列或数据项在图表中的含义。图例可以显示在图表的上方、下方、左侧或右侧,也可以放置在图表中心或不显示。要添加图例,可以在 ECharts 的 option 中设置 legend 属性。
以下是一个示例代码片段,可以将图例放在图表的右侧:
```javascript
option = {
legend: {
orient: 'vertical',
right: 10,
top: 20,
bottom: 20,
data: ['系列1', '系列2', '系列3']
},
series: [
{
name: '系列1',
type: 'bar',
data: [10, 20, 30]
},
{
name: '系列2',
type: 'bar',
data: [20, 30, 40]
},
{
name: '系列3',
type: 'bar',
data: [30, 40, 50]
}
]
};
```
在上面的代码中,legend 属性设置了图例的位置、数据项以及其它样式选项。series 属性中设置了三个系列的数据项,每个系列都有一个名称,对应图例中的每个条目。
阅读全文