[8.7] [ML] Fix tooltip for full-width annotations in the Single Metri…

…c Viewer (#151179) (#151235)

# Backport

This will backport the following commits from `main` to `8.7`:
- [[ML] Fix tooltip for full-width annotations in the Single Metric
Viewer (#151179)](#151179)

<!--- Backport version: 8.9.7 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Dima
Arnautov","email":"[email protected]"},"sourceCommit":{"committedDate":"2023-02-14T23:30:42Z","message":"[ML]
Fix tooltip for full-width annotations in the Single Metric Viewer
(#151179)","sha":"19a1e14b171a61f49bcaa0b7d5584ef37584800d","branchLabelMapping":{"^v8.8.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix",":ml","Team:ML","v8.7.0","v8.8.0"],"number":151179,"url":"https://github.com/elastic/kibana/pull/151179","mergeCommit":{"message":"[ML]
Fix tooltip for full-width annotations in the Single Metric Viewer
(#151179)","sha":"19a1e14b171a61f49bcaa0b7d5584ef37584800d"}},"sourceBranch":"main","suggestedTargetBranches":["8.7"],"targetPullRequestStates":[{"branch":"8.7","label":"v8.7.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.8.0","labelRegex":"^v8.8.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/151179","number":151179,"mergeCommit":{"message":"[ML]
Fix tooltip for full-width annotations in the Single Metric Viewer
(#151179)","sha":"19a1e14b171a61f49bcaa0b7d5584ef37584800d"}}]}]
BACKPORT-->

Co-authored-by: Dima Arnautov <[email protected]>

x-pack/plugins/ml/public/application/components/chart_tooltip/chart_tooltip.tsx

@@ -129,11 +129,11 @@ const Tooltip: FC<{ service: ChartTooltipService }> = React.memo(({ service }) =
         {
           name: 'preventOverflow',
           options: {
-            rootBoundary: 'window',
+            rootBoundary: 'viewport',
           },
         },
       ]}
-      placement="right-start"
+      placement="top-start"
       trigger="none"
       tooltipShown={isTooltipShown}
       tooltip={tooltipCallback}

x-pack/plugins/ml/public/application/timeseriesexplorer/components/timeseries_chart/timeseries_chart_annotations.ts

@@ -165,7 +165,7 @@ export function renderAnnotations(
   rects
     .attr('x', (d: Annotation) => {
       const date = moment(d.timestamp);
-      return focusXScale(date);
+      return Math.max(focusXScale(date), 0);
     })
     .attr('y', (d: Annotation) => {
       const level = d.key !== undefined ? levels[d.key] : ANNOTATION_DEFAULT_LEVEL;