echarts 3 折线图 非节点的点击事件

Question

网上找了一个blog https://blog.csdn.net/smk108/article/details/78482154 用的是第三种方法

myChart.getZr().on('click', function (params) {

    const pointInPixel = [params.offsetX, params.offsetY];

    if (this.echart.containPixel('grid',pointInPixel)) { // 第一步

        let xIndex=myChart.convertFromPixel({seriesIndex:0},[params.offsetX, params.offsetY])[0]; // 第二部

       /*事件处理代码书写位置*/

    }

});

我调试之后发现, 这个是给图层绑定的方法, 并不能正确判断点击是否在折线图上

echart给的官方文档: https://www.echartsjs.com/api.html#echartsInstance.convertToPixel

针对 convertToPixel, convertFromPixel, containPixel 这些方法不是很理解,

请大家帮忙解惑....

 

Answer 1

点击事件设置一个clickable:true不行吗