echarts饼图点击获取series
时间: 2023-11-15 20:56:52 浏览: 88
您可以通过echarts的事件监听来获取饼图的series。具体步骤如下:
1. 在echarts的option中设置series的点击事件,例如:
```
series: [{
type: 'pie',
data: [...],
// 点击事件
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
// 点击事件
label: {
show: true,
formatter: '{b}: {c} ({d}%)'
},
// 点击事件
labelLine: {
show: true
},
// 点击事件
itemStyle: {
borderWidth: 2,
borderColor: '#fff'
},
// 点击事件
emphasis: {
itemStyle: {
borderWidth: 0,
shadowBlur: 20,
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
```
2. 在页面中监听饼图的点击事件,例如:
```
myChart.on('click', function (params) {
console.log(params.seriesIndex); // 获取series的索引
console.log(params.dataIndex); // 获取data的索引
console.log(params.data); // 获取data的值
});
```
阅读全文