echarts 点击事件

echarts 点击事件,官网中既有例子也有文档。但基本是关于,点击图形(不包括空地)上的位置的点击事件。

而点击图形的点击事件,参考echarts 文档,使用click 事件即可。如下。

myChart.on('click', function (params) {
    console.log(params);
});

但是,当我们有tooltip 时,鼠标即使放在空地上,页面上看起来也会选中附近的相应坐标轴中的点时,如下图,鼠标的位置是Loading的左上角。此时,点击鼠标的触发事件就不是上面的click 那样简单了。

echarts 点击事件_第1张图片

此时,得使用zrender。获取zrender 的点击事件,再判断点击坐标是否在坐标范围内,即可。

附上完整代码。

 

你可能感兴趣的:(echarts)