fix(fisheye): reset when pointerleave (#4858)

antvis · Apr 3, 2023 · 95c9e8d · 95c9e8d
1 parent 37322e7
commit 95c9e8d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/__tests__/integration/snapshots/interaction/gdp2-point-fisheye/step1.png b/__tests__/integration/snapshots/interaction/gdp2-point-fisheye/step1.png
diff --git a/__tests__/plots/interaction/gdp2-point-chart-fisheye.ts b/__tests__/plots/interaction/gdp2-point-chart-fisheye.ts
@@ -1,6 +1,6 @@
 import { csv } from 'd3-fetch';
 import { autoType } from 'd3-dsv';
-import { G2Spec, ELEMENT_CLASS_NAME } from '../../../src';
+import { G2Spec, PLOT_CLASS_NAME } from '../../../src';
 import { step } from './utils';
 
 export async function gdp2PointFisheye(): Promise<G2Spec> {
@@ -37,12 +37,15 @@ export async function gdp2PointFisheye(): Promise<G2Spec> {
 
 gdp2PointFisheye.steps = ({ canvas }) => {
   const { document } = canvas;
-  const elements = document.getElementsByClassName(ELEMENT_CLASS_NAME);
-  const [e] = elements;
+  const [plot] = document.getElementsByClassName(PLOT_CLASS_NAME);
   return [
-    step(e, 'pointermove', {
+    step(plot, 'pointermove', {
       offsetX: 450,
       offsetY: 350,
     }),
+    step(plot, 'pointerleave', {
+      offsetX: 1000,
+      offsetY: 1000,
+    }),
   ];
 };
diff --git a/src/interaction/fisheye.ts b/src/interaction/fisheye.ts
@@ -32,7 +32,10 @@ export function Fisheye({
     const updateFocus = throttle(
       (event) => {
         const focus = mousePosition(plotArea, event);
-        if (!focus) return;
+        if (!focus) {
+          update(options);
+          return;
+        }
         const [x, y] = focus;
         const fisheye = maybeCoordinate(clonedOptions);
         fisheye.focusX = x;