echarts中同时画多个图表怎么给对应图标添加图例并且其中一个图表是堆叠的柱状图,如何给它增加对应的图例
时间: 2024-01-24 07:17:33 浏览: 147
可以使用`legend`属性来给每个图表添加图例,其中`data`属性可以设置图例的名称。对于堆叠的柱状图,需要在每个系列的属性中设置`stack`属性,以便将其堆叠在一起,并且在`legend`属性中添加对应的图例名称。
下面是一个示例代码,其中包含了两个图表,一个是折线图,一个是堆叠的柱状图,并且每个图表都有对应的图例:
```javascript
option = {
legend: {
data: ['折线图', '柱状图1', '柱状图2']
},
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [{
name: '折线图',
type: 'line',
data: [120, 132, 101, 134, 90, 230, 210]
}, {
name: '柱状图1',
type: 'bar',
stack: '堆叠',
data: [220, 182, 191, 234, 290, 330, 310]
}, {
name: '柱状图2',
type: 'bar',
stack: '堆叠',
data: [120, 132, 101, 134, 90, 230, 210]
}]
};
```
在上面的代码中,`legend`属性设置了三个图例名称,分别是折线图、柱状图1和柱状图2。在每个系列的属性中,堆叠的柱状图使用了`stack`属性,并将其设置为`堆叠`,以便将其堆叠在一起。
这样,就可以同时画多个图表,并且给每个图表添加对应的图例了。
阅读全文