echarts的legend属性
时间: 2023-07-26 17:43:23 浏览: 88
Echarts中的legend属性用于设置图例,即图表中的标注。通过设置legend属性,可以在图表中为不同的数据系列添加标注,并控制标注的位置、样式等属性。常用的legend属性包括:
- data: 图例的数据数组,每个数据项对应一个图例项。
- type: 图例的类型,可选值包括plain(普通图例)和scroll(可滚动图例)。
- selectedMode: 图例的选中模式,可选值包括single(单选)和multiple(多选)。
- orient: 图例的布局方向,可选值包括horizontal(水平布局)和vertical(垂直布局)。
- textStyle: 图例文本的样式,包括颜色、字体、字号等属性。
- icon: 图例项的图标,可以是图片、SVG图形或矢量图标等。
例如,以下代码展示了一个简单的图表中的图例设置:
```
option = {
legend: {
data: ['数据一', '数据二', '数据三'],
textStyle: {
color: '#333',
fontSize: 14,
fontWeight: 'bold'
}
},
series: [
{
name: '数据一',
type: 'bar',
data: [10, 20, 30]
},
{
name: '数据二',
type: 'bar',
data: [20, 30, 40]
},
{
name: '数据三',
type: 'bar',
data: [30, 40, 50]
}
]
};
```
在上述代码中,legend属性中的data属性指定了三个图例项,分别对应series中三个数据系列的名称。同时,legend属性中的textStyle属性设置了图例文本的颜色、字体和字号。
阅读全文