improve datapoint detection on mousehover for correct tooltip position

apexcharts · Dec 11, 2024 · 731fbed · 731fbed
1 parent a49d6c7
commit 731fbed
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/charts/Line.js b/src/charts/Line.js
@@ -643,7 +643,7 @@ class Line {
       }
 
       // push current X
-      xArrj.push(x)
+      xArrj.push(series[i][j + 1] === null ? null : x)
 
       // push current Y that will be used as next series's bottom position
       if (

diff --git a/src/modules/tooltip/Utils.js b/src/modules/tooltip/Utils.js
@@ -98,13 +98,13 @@ export default class Utils {
       capturedSeries = closest.index
       j = closest.j
 
-      if (capturedSeries !== null) {
+      if (capturedSeries !== null && w.globals.hasNullValues) {
         // initial push, it should be a little smaller than the 1st val
         seriesXValArr = w.globals.seriesXvalues[capturedSeries]
 
         closest = this.closestInArray(transformedHoverX, seriesXValArr)
 
-        j = closest.index
+        j = closest.j
       }
     }
 
@@ -158,7 +158,6 @@ export default class Utils {
         const xVal = xArr[j]
         const yVal = yArr[j]
 
-        // Compute Euclidean distance from hover point
         const distX = hoverX - xVal
         const distY = hoverY - yVal
         const dist = Math.sqrt(distX * distX + distY * distY)
@@ -191,7 +190,7 @@ export default class Utils {
     }
 
     return {
-      index: currIndex,
+      j: currIndex,
     }
   }