bizchart点击事件监听实现

用bizchart画完一个图后,有这样的需求:图上的tooltip中想加一个链接,跳转到相关的页面。如何实现呢?

有两种方法:

一、利用onClick事件,示例如下

       <Chart height={400} data={dataSource} scale={cols} forceFit onClick={ev => {
              console.log("g2",this.g2);
              const data = ev.data;
              console.log("data",data);
              
            }}  onGetG2Instance={g2chart=>{
              console.log("g2chart",g2chart);
              this.g2=g2chart;
            }}>

即通过onGetG2Instance方法将g2chart获取到,再用onclick方法获取当前tooltip中的事件和数据

注意:这里一定用的是onclick方法,其他bizchart官网上介绍的如onPointClick不行(也可能是我没研究明白事件的用法、0

二、利用chart中Tooltip的 enterable参数,例

<Chart height={400} data={dataSource} scale={cols} forceFit>
              <Tooltip ente
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值