用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