1、在echarts内写上(为点击有数据的单项柱子实体)

myChart.off('click')  //防止多次触发,在给ehcart绑定事件时,要先写上此代码。
myChart.on('click', (params) => {
    //在此处编写内容
     console.log(params) 
})

 

2、在echarts内写上一下代码(此为点击有数据的单项区域)

myChart.getZr().off('click')
myChart.getZr().on("click", (params) => {
                const pointInPixel = [params.offsetX, params.offsetY]
                if (myChart.containPixel("grid", pointInPixel)) {
                    let dataIndex = myChart.convertFromPixel({ seriesIndex: 0 }, [
                        params.offsetX,
                        params.offsetY,
                    ])[0]  //此处取数组的[0]项为柱形的下标
                       //在此处编写内容
                       console.log(dataIndex ) 
                }
            })

 

 

posted on 2023-04-23 15:59  好大的虫子  阅读(916)  评论(0编辑  收藏  举报