echarts柱状图设置图例
时间: 2023-08-27 21:16:04 浏览: 124
你可以使用ECharts的legend配置项来设置柱状图的图例。以下是一个示例代码:
```javascript
option = {
...
legend: {
data: ['柱状图1', '柱状图2', '柱状图3'], // 图例数据
...
},
...
series: [
{
name: '柱状图1', // 柱状图1的名称
type: 'bar',
data: [10, 20, 30] // 柱状图1的数据
},
{
name: '柱状图2', // 柱状图2的名称
type: 'bar',
data: [15, 25, 35] // 柱状图2的数据
},
{
name: '柱状图3', // 柱状图3的名称
type: 'bar',
data: [20, 30, 40] // 柱状图3的数据
}
]
};
```
在上面的代码中,legend配置项中的data属性用于设置图例的数据,每个元素代表一个柱状图的名称。series数组中的每个对象都代表一个柱状图,name属性用于设置柱状图的名称,与legend中的data对应。通过这样的配置,就可以在柱状图上显示对应的图例了。
注意:以上代码只是一个简单示例,实际使用时需根据自己的数据和需求进行相应的配置。
阅读全文