echarts的legend属性
时间: 2023-10-08 12:13:44 浏览: 122
ECharts中的legend属性是用于配置图例组件的。图例组件显示了一组数据系列的符号和标签,通常用于帮助用户识别和区分不同的数据系列。
常用的legend属性包括:
- type:图例的类型,默认为普通图例,也可以设置为滚动图例或分页图例。
- show:是否显示图例,默认为true。
- orient:图例的布局方式,可以设置为水平或垂直。
- left、top、right、bottom:图例组件的位置。
- textStyle:图例文本的样式,包括颜色、字体大小、字体样式等。
另外,对于不同类型的图表,还可以配置一些特定的图例属性。比如在饼图中,可以通过设置legend的formatter属性来自定义图例文本的显示方式。
示例代码:
```javascript
option = {
legend: {
type: 'scroll',
orient: 'horizontal',
left: 'center',
top: 'bottom',
textStyle: {
color: '#333',
fontSize: 14
},
data: ['数据系列1', '数据系列2', '数据系列3']
},
series: [
{
name: '数据系列1',
type: 'line',
data: [10, 20, 30, 40, 50]
},
{
name: '数据系列2',
type: 'line',
data: [20, 30, 40, 50, 60]
},
{
name: '数据系列3',
type: 'line',
data: [30, 40, 50, 60, 70]
}
]
};
```
阅读全文