echart 柱状图整条点击事件

最新推荐文章于 2024-09-22 21:02:44 发布

MAIMIHO

最新推荐文章于 2024-09-22 21:02:44 发布

阅读量1.5k

点赞数 1

分类专栏： Web Uniapp 文章标签： javascript uniapp vue echart

本文链接：https://blog.csdn.net/MAIMIHO/article/details/108618285

版权

Web 同时被 2 个专栏收录

35 篇文章 2 订阅

订阅专栏

Uniapp

18 篇文章 1 订阅

订阅专栏

chart.on

chart.on("click", function (params) {
    console.log(params.dataIndex);
});

chart.on 点击事件只能接收有数据部分的点击事件, 柱子上方无法响应, 没有数据的柱子无法响应.

chart.getZr().on

chart.getZr().on('click', (params) => {
    const pointInPixel = [params.offsetX, params.offsetY];
    if (chart.containPixel('grid', pointInPixel)) {
        let xIndex = chart.convertFromPixel({seriesIndex: 0}, [params.offsetX, params.offsetY])[0];
    }
});