在echarts图表上点击数据,携带当前点击数据,进行跳转页面

//注册事件前先销毁点击事件(避免点击事件会重复执行)

            mychart.getZr().off('click');

            //注册区域的点击事件,解决数据较少时不方便点击柱状图的问题

            mychart.getZr().on('click', (param) => {

                var pointInPixel = [param.offsetX, param.offsetY];

                if (mychart.containPixel('grid', pointInPixel)) {

                    //获取当前点击的索引值

                    //注意:若柱状图为纵向则获取x轴的索引,若柱状图为横向则需获取y轴的索引(见下方注释)
//这里的[1]就代表点击的Y轴的,[0]如果为零就代表时X轴
                    var YIndex = mychart.convertFromPixel({ seriesIndex: 0 }, [param.offsetX, param.offsetY])[1];
                    YIndex就是当前点击数据的下标
                    var dataName = this.EchartsLsitListOne[YIndex].code 
//我这里根据取到每条的下标去数组中获取数据

                    this.$router.push({ //将取到的数据带上跳转路由传参

                        path: '/gather/gatherList',

                        query: {

                            key: dataName

                        }

                    })

                }

            });