echarts饼图通过getzr().on('click')获取具体数据
在echarts饼图中,通过getzr().on('click')方法可以获取点击事件,但只能获得target是piepiece的对象,无法直接获取具体数据。
对于containpixel方法,第一个参数是一个对象数组,表示要检测的系列,每个对象包含seriesindex和pointinpixel两个属性。对于饼图,seriesindex可以为0,pointinpixel表示鼠标点击的像素点坐标。
因此,获取饼图每个环形单独的数据,可以使用以下步骤:
// 获取图表实例
var myChart = echarts.init(document.getElementById('main'));
// 添加点击事件监听
myChart.getZr().on('click', function (params) {
if (params.target && params.target.type === 'piePiece') {
// 获取饼图数据
var data = params.data;
console.log(data);
}
});

