echarts的series写了两个饼状图 如何给它们点击事件
时间: 2024-09-10 21:21:18 浏览: 34
echarts饼状图中间展示数字
在ECharts中,如果你想为两个并列的饼状图添加点击事件,首先你需要确保每个饼图都有对应的`click`事件处理函数。你可以通过设置`dataZoom`属性为`false`来避免数据区域的默认点击交互,并在每个`series`选项中配置单独的`click`事件。
例如:
```javascript
option = {
tooltip: {},
legend: {
data: ['系列A', '系列B']
},
series: [
{
name: '系列A',
type: 'pie',
data: ...,
// 配置点击事件
itemStyle: {
emphasis: {
shadowBlur: 0
}
},
click: function (params) {
console.log('点击了系列A:', params);
}
},
{
name: '系列B',
type: 'pie',
data: ...,
// 点击事件类似
itemStyle: {
emphasis: {
shadowBlur: 0
}
},
click: function (params) {
console.log('点击了系列B:', params);
}
}
]
};
```
在上述代码中,`params`参数包含了用户点击事件的相关信息,包括鼠标位置等。你可以根据需要处理这个参数。
阅读全文