在ECharts中,想为两个并列的饼状图添加点击事件,请问怎么实现
时间: 2024-09-11 17:05:23 浏览: 70
tiedrank2:跨两个维度的并列转换-matlab开发
在ECharts中,要为并列的两个饼状图添加点击事件,你可以在创建图表时,分别为每个`series`配置独立的`click`事件处理器。下面是一个例子:
```javascript
var option = {
tooltip: {}, // 弹出框配置
legend: { // 图例配置
data: ['饼状图A', '饼状图B']
},
series: [
{
name: '饼状图A',
type: 'pie',
data: ..., // 你的数据集
itemStyle: {
emphasis: {
shadowBlur: 0 // 禁用高亮阴影
}
},
// 点击事件
onclick: function(params) {
console.log('点击了饼状图A:', params);
}
},
{
name: '饼状图B',
type: 'pie',
data: ..., // 另一组数据集
itemStyle: {
emphasis: {
shadowBlur: 0
}
},
onclick: function(params) {
console.log('点击了饼状图B:', params);
}
}
]
};
// 初始化图表
echarts.init(document.getElementById('main')).setOption(option);
```
在这个示例中,当你点击每个饼状图时,会打印相应的标签和点击事件参数`params`。
阅读全文