【Antv G2 5.x】饼图添加点击事件,获取当前坐标数据
// 监听 tooltip:show 事件
this.chart.on('tooltip:show', (event) => {
this.currentShowTooltipName = event.data.items[0].name
})
// 监听绘图区plot的点击事件
this.chart.on('interval:click', ev => {
this.$emit('chartClick', this.currentShowTooltipName);
})
// 监听绘图区label的点击事件
this.chart.on('label:click', ev => {
this.$emit('chartClick', this.currentShowTooltipName);
})
[
{
"title": "APP",
"value": "292"
},
{
"title": "门户",
"value": "304"
},
{
"title": "小程序",
"value": "924"
}
]
<template>
<div class="pie-chart" ref="pie-chart"/>
</template>
<script>
import {
Chart} from