echarts 柱状图 legend
时间: 2023-11-21 09:55:27 浏览: 110
echarts柱状图
在Echarts中,legend图例组件用于展示不同系列的标记和文本,以便于区分不同的数据系列。对于柱状图而言,legend图例组件可以展示不同柱子的含义。下面是一个简单的例子:
```javascript
option = {
legend: {
data: ['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
```
在上面的例子中,legend图例组件展示了“销量”这个数据系列的含义。如果需要展示多个数据系列,只需要在data数组中添加对应的名称即可。
此外,legend图例组件还可以通过formatter属性来自定义显示内容,例如:
```javascript
legend: {
data: ['销量'],
formatter: function(name) {
return '月份:' + name;
}
}
```
上面的代码中,formatter函数将图例的名称前面添加了“月份:”这个前缀。
阅读全文