[ML] fix the annotation area tooltip offset (#55955)

elastic · Jan 27, 2020 · 94297f3 · 94297f3
1 parent 987dfbc
commit 94297f3
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/.../ml/public/application/timeseriesexplorer/components/timeseries_chart/timeseries_chart.js b/.../ml/public/application/timeseriesexplorer/components/timeseries_chart/timeseries_chart.js
@@ -1623,8 +1623,20 @@ const TimeseriesChartIntl = injectI18n(
         });
       }
 
+      let xOffset = LINE_CHART_ANOMALY_RADIUS * 2;
+
+      // When the annotation area is hovered
+      if (circle.tagName.toLowerCase() === 'rect') {
+        const x = Number(circle.getAttribute('x'));
+        if (x < 0) {
+          // The beginning of the annotation area is outside of the focus chart,
+          // hence we need to adjust the x offset of a tooltip.
+          xOffset = Math.abs(x);
+        }
+      }
+
       mlChartTooltipService.show(tooltipData, circle, {
-        x: LINE_CHART_ANOMALY_RADIUS * 2,
+        x: xOffset,
         y: 0,
       });
     }