echarts曲线图多个图例
时间: 2023-06-28 16:05:07 浏览: 94
在 Echarts 中,可以通过 `legend` 属性来设置图例。要在曲线图中显示多个图例,可以考虑使用一个 `legend` 组件,然后在数据系列中通过 `name` 属性来区分不同的图例。
下面是一个简单的示例代码:
```javascript
option = {
legend: {
data:['图例1', '图例2']
},
xAxis: {
type: 'category',
data: ['一月', '二月', '三月', '四月', '五月', '六月']
},
yAxis: {
type: 'value'
},
series: [
{
name: '图例1',
type: 'line',
data: [120, 132, 101, 134, 90, 230]
},
{
name: '图例2',
type: 'line',
data: [220, 182, 191, 234, 290, 330]
}
]
};
```
在这个示例中,我们在 `legend` 组件中设置了两个图例,分别为 `图例1` 和 `图例2`。然后在数据系列中,通过 `name` 属性来指定每个数据系列所对应的图例。
当然,如果你有更复杂的需求,比如要显示多个 `legend` 组件,或者需要对图例进行更进一步的设置,可以参考 Echarts 的官方文档进行自定义。
阅读全文