Incubator-echarts: 关于折线图非节点的点击事件

Created on 1 Nov 2016  ·  7Comments  ·  Source: apache/incubator-echarts

echarts3的点击事件是:

mychart.on('click',function(params){
    alert("点我干什么!")!
})

在折线图图,这个是获取节点的点击事件,如果节点太小,在非节点区域该如何触发点击事件呢?

Most helpful comment

有个绕过办法,实验成功了。

  1. 通过 myChart.getZr().on('click', ...) 检测整个图表的点击事件
  2. 在 tooltip 的 formatter 中,每次调用都记录下需要的参数,然后在 1 中的回调中使用。

All 7 comments

如果要扩大节点可点击区域,可以加一个透明的比较宽的边,例如

borderWidth: 10,
borderColor: 'transparent'

en ,这样是一个解决方法。可是如果点很多,这样貌似就不太好

在非折线区域点击难道不能触发点击事件吗?鼠标在图上不都有一条垂直x轴的指示线

myChart.getZr().on('click', ...) 是在任意区域的点击事件。只不过里面没有节点信息。

我也觉得这里有点奇怪。。在折线图任意地点hover竟然能出来tooltip,那么是应该有一个 y 轴概念的。如果让y轴上的任意点击等同于点击节点呢?

有个绕过办法,实验成功了。

  1. 通过 myChart.getZr().on('click', ...) 检测整个图表的点击事件
  2. 在 tooltip 的 formatter 中,每次调用都记录下需要的参数,然后在 1 中的回调中使用。

如何监听折线的hover事件?

Was this page helpful?
0 / 5 - 0 ratings