antvis/G2



The issue has been closed
[v5] tooltip 交互,抛出事件让上层可以监听自定义(减少升级成本) #4520
visiky posted onGitHub
现状
在业务上层,不仅仅是 TechVis 还是其它,大部分的 Tooltip 定制场景,通过以下方式处理:
// 保留 Tooltip 交互,但是不展示内容;这种做法,crosshairs 和 tooltip markers 都可以保留,只有 container 展示内容会隐藏
chart.tooltip({ showContent: false });
// 监听 tooltip 事件,外置使用 react 自定义
chart.on('tooltip:show', (evt) => {
const { title, items } = evt;
// do something
});
chart.on('tooltip:change', (evt) => {
const { title, items } = evt;
// do something
});
chart.on('tooltip:hide', (evt) => {
const { title, items } = evt;
// do something
});
期望
为了减少上层升级成本,旧版的自定义 tooltip(复杂 react 定制)可以保留,尽量少成本适配
- tooltip 交互增加
showContent
配置 - tooltip 交互抛出事件,事件主要参数包含:
title
,items
即可