多个series时，柱形图点击阴影部分获取对应的数据ECharts Gallery

20:11:45图表已生成

代码

option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    tooltip: {
        show: true,
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    yAxis: {},
    series: [{
        type: 'bar',
        name: '第一个系列的柱子',
        data: [220, 182, 191, 234, 290, 330, 310]
    }, {
        type: 'bar',
        name: '第二个系列的柱子',
        data: [20, 2, 432, 23, 565, 13, 4]
    }]
};

this.getZr().off('click');
this.getZr().on('click', params => {
    const pointInPixel = [params.offsetX, params.offsetY];
    if (this.containPixel('grid', pointInPixel)) {
        let index = this.convertFromPixel({
            seriesIndex: 0
        }, pointInPixel)[0];
        let res = option.series[0].data[index]; //在只有一个series的时候，点击阴影部分，获取点击部分的数据
        //在存在多个series的时候，点击的时候，怎么获取，点击部分的数据，是哪个series的数据
    }
})

作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品