美文网首页
BizCharts 折线图 设置点击事件

BizCharts 折线图 设置点击事件

作者: Asuler | 来源:发表于2019-12-18 17:52 被阅读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传进来试一下,就成功了

相关文章

网友评论

      本文标题:BizCharts 折线图 设置点击事件

      本文链接:https://www.haomeiwen.com/subject/oyiunctx.html