echarts饼图的第二组legend
时间: 2024-09-12 17:15:41 浏览: 26
echarts饼图扇区添加点击事件的实例
在ECharts中,饼图默认只有一个Legend(图例),用于展示各个部分的数据标签。如果你想为饼图的某个分块添加单独的图例,即所谓的"第二组图例",这通常通过创建两个独立的饼图实例并共享一个共同的图例来实现,而不是直接在单个饼图上设置。
以下是一个基本示例,展示了如何创建两个独立的饼图,每个饼图有自己的数据,并共用一个图例:
```javascript
option = {
legend: { show: true, orient: 'vertical', left: 'left' }, // 共享的图例配置
series: [
{
name: '系列一',
type: 'pie',
data: [/* 系列一的数据 */],
tooltip: {},
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
},
{
name: '系列二',
type: 'pie',
data: [/* 系列二的数据 */],
tooltip: {},
legend: {}, // 这里不需要设置图例,因为它将从共享的legend中获取
// 如果你想给它自己的图例,可以这么设置:
// legend: {
// data: ['系列二'],
// align: 'right'
// }
itemStyle: {...} // 其他配置项
}
]
};
```
在这个例子中,你需要分别定义每个饼图的数据,并确保它们都有唯一的`name`属性以区分。如果想为第二个饼图添加单独的图例,可以像上面注释所示那样添加`legend`配置。
阅读全文