fix(tooltip): show error data if dataset if large (#6307)

antvis · Jun 21, 2024 · 1571ad4 · 1571ad4
1 parent 11846bc
commit 1571ad4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/__tests__/integration/api-chart-emit-series-tooltip.spec.ts b/__tests__/integration/api-chart-emit-series-tooltip.spec.ts
@@ -39,7 +39,7 @@ describe('chart.emit', () => {
     const [tooltipShowed, resolveShow] = createPromise();
     chart.on('tooltip:show', (event) => {
       const { x } = event.data.data;
-      expect(x.toUTCString()).toBe('Mon, 18 Jun 2007 17:47:35 GMT');
+      expect(x.toUTCString()).toBe('Tue, 19 Jun 2007 00:00:00 GMT');
       resolveShow();
     });
     dispatchPlotEvent(canvas, 'pointermove', {

diff --git a/src/interaction/tooltip.ts b/src/interaction/tooltip.ts
@@ -854,10 +854,17 @@ export function seriesTooltip(
         });
       }
 
+      // X in focus may related multiple points when dataset is large,
+      // so we need to find the first x to show tooltip.
+      const firstX = filteredSeriesData[0]?.[0].x;
+      const transformedX = firstX ?? abstractX(focus);
+
       emitter.emit('tooltip:show', {
         ...event,
         nativeEvent: true,
-        data: { data: { x: invert(scale.x, abstractX(focus), true) } },
+        data: {
+          data: { x: invert(scale.x, transformedX, true) },
+        },
       });
     },
     wait,