BizCharts 折线图 设置点击事件

2019-12-18  本文已影响0人  专治脸黑

bizcharts里面图表的点击事件,放在最外层的Chart组件上


image.png

这个click有个e 参数,这个e参数里面有时候有data数据,但是折线图的data,他是全部数据的data,而不是你点击的那个项的那条数据,所以,虽然有全部的数据,但是你根据这个e,根本不知道当前点击的是哪个,

先给这个Chart设置onGetG2Instance ,类似ref,
然后再这样

通过onPlotClick 设置点击事件


image.png

this.chartIns.getTooltipItems({ x:e.x,y:e.y }) ,这个方法是通过x,y 坐标,获取那个坐标下,会冒出的tooltip上的数据,那正好把 e中的x,y传进来获取

这个方法在这里


image.png

看一下参数名叫 point,那应该是传入一个点,就一个参数,猜测一下,这个参数肯定是个Object 类型的,坐标点,就是x,y传进来试一下,就成功了

上一篇 下一篇

猜你喜欢

热点阅读