echarts legend
时间: 2023-09-28 22:07:30 浏览: 111
echarts
ECharts中的图例(legend)是用来解释和说明图表中各个系列的含义的组件。它可以通过设置位置、样式和数据过滤等方式来进行定制。
以下是一些常见的图例设置:
1. 位置:可以设置在图表的上方、下方、左侧或右侧。
2. 样式:可以设置图例的文字颜色、字体、大小、背景颜色、边框颜色等。
3. 数据过滤:可以通过点击图例中的项来控制图表中某些系列的显示或隐藏。
下面是一个基本的图例示例:
```javascript
option = {
legend: {
data: ['销量']
},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
```
在这个示例中,图例只包含一个项“销量”,并且位于图表的右上角。如果需要修改图例的位置和样式,可以在`legend`属性中设置相应的属性值。
阅读全文