标签导航:

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);
  }
});