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   好大的虫子  阅读(1073)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程使用 AI 从 0 到 1 写了个小工具
· 快收藏!一个技巧从此不再搞混缓存穿透和缓存击穿
· AI 插件第二弹,更强更好用
· Blazor Hybrid适配到HarmonyOS系统
· 支付宝 IoT 设备入门宝典(下)设备经营篇
点击右上角即可分享
微信分享提示