Fixed issue with hover tooltips.

This commit is contained in:
Mike Cao 2023-06-15 20:15:31 -07:00
parent 2b13002f1b
commit ab0838e272
20 changed files with 50 additions and 91 deletions

View file

@ -21,15 +21,15 @@ export function FunnelChart({ className, loading }) {
[parameters],
);
const renderTooltip = useCallback((setTooltip, model) => {
const renderTooltipPopup = useCallback((setTooltipPopup, model) => {
const { opacity, dataPoints } = model.tooltip;
if (!dataPoints?.length || !opacity) {
setTooltip(null);
setTooltipPopup(null);
return;
}
setTooltip(`${formatLongNumber(dataPoints[0].raw.y)} ${formatMessage(labels.visitors)}`);
setTooltipPopup(`${formatLongNumber(dataPoints[0].raw.y)} ${formatMessage(labels.visitors)}`);
}, []);
const datasets = useMemo(() => {
@ -54,7 +54,7 @@ export function FunnelChart({ className, loading }) {
unit="day"
loading={loading}
renderXLabel={renderXLabel}
renderTooltip={renderTooltip}
renderTooltipPopup={renderTooltipPopup}
XAxisType="category"
/>
);