fix(tooltip): for fisheye (#5590)

antvis · Sep 25, 2023 · b39be0a · b39be0a
1 parent bece2a7
commit b39be0a
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/src/interaction/fisheye.ts b/src/interaction/fisheye.ts
@@ -36,7 +36,9 @@ export function Fisheye({
         setState('fisheye', (options) => {
           // Clone options and mutate it.
           // Disable animation.
-          const clonedOptions = deepMix({}, options);
+          const clonedOptions = deepMix({}, options, {
+            interaction: { tooltip: { preserve: true } },
+          });
           for (const mark of clonedOptions.marks) mark.animate = false;
           const [x, y] = focus;
           const fisheye = maybeCoordinate(clonedOptions);

diff --git a/src/interaction/tooltip.ts b/src/interaction/tooltip.ts
@@ -442,6 +442,7 @@ export function seriesTooltip(
     theme,
     disableNative = false,
     marker = true,
+    preserve = false,
     style: _style = {},
     css = {},
     ...rest
@@ -742,7 +743,11 @@ export function seriesTooltip(
     emitter.off('tooltip:hide', onTooltipHide);
     emitter.off('tooltip:disable', onTooltipDisable);
     emitter.off('tooltip:enable', onTooltipEnable);
-    destroy();
+    if (preserve) {
+      hideTooltip({ root, single, emitter, nativeEvent: false });
+    } else {
+      destroy();
+    }
   };
 }
 
@@ -774,6 +779,7 @@ export function tooltip(
     shared = false,
     body = true,
     disableNative = false,
+    preserve = false,
     css = {},
   }: Record<string, any>,
 ) {
@@ -899,7 +905,11 @@ export function tooltip(
     removeEventListeners();
     emitter.off('tooltip:show', onTooltipShow);
     emitter.off('tooltip:hide', onTooltipHide);
-    destroyTooltip({ root, single });
+    if (preserve) {
+      hideTooltip({ root, single, emitter, nativeEvent: false });
+    } else {
+      destroyTooltip({ root, single });
+    }
   };
 }
 

diff --git a/src/runtime/plot.ts b/src/runtime/plot.ts
@@ -424,7 +424,8 @@ function updateTooltip(
     container: selection.node(),
     update: (options) => Promise.resolve(options),
   };
-  applyTooltip(target, [], context.emitter);
+  const newTooltip = applyTooltip(target, [], context.emitter);
+  nameInteraction.set('tooltip', newTooltip);
 }
 
 async function initializeView(