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 )
}
})
分类:
Echarts
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程使用 AI 从 0 到 1 写了个小工具
· 快收藏!一个技巧从此不再搞混缓存穿透和缓存击穿
· AI 插件第二弹,更强更好用
· Blazor Hybrid适配到HarmonyOS系统
· 支付宝 IoT 设备入门宝典(下)设备经营篇