react-vega 和 react-vega 工具提示

Question

我正在使用 react-vega-lite。

在官方例子中：

https://vega.github.io/vega-lite/

https://vega.github.io/react-vega-lite/

https://vega.github.io/react-vega/

vega-lite（没有反应）默认有一个工具提示 react-vega 允许处理 onSignalTooltip 事件。

所以，我有两个问题： 1) 是否可以使用 react-vega (react-vega-lite) 打开工具提示？ 2) react-vega-lite 支持 onSignalTooltip 还是我需要切换到 Vega？

Answer 1

添加 vega-tooltip 包作为依赖，然后从中导入 Handler class 并通过 VegaLite 的 tooltip 参数传递一个实例组件：

import { Handler } from 'vega-tooltip';

...

<VegaLite spec={spec} data={barData} tooltip={new Handler().call} />