From 6f84dcb7abde9708c65e99f1c9b1a3b99ab8bbe1 Mon Sep 17 00:00:00 2001
From: Lisa Cawley <lcawley@elastic.co>
Date: Fri, 23 Apr 2021 17:18:47 -0700
Subject: [PATCH] [ML] Add tooltip for interval in Single Metric Viewer
 (#98174)

---
 .../timeseriesexplorer/timeseriesexplorer.js  | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js b/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js
index 06a0f7e17e164..8e5bf249ae283 100644
--- a/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js
+++ b/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js
@@ -26,9 +26,11 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiFormRow,
+  EuiIcon,
   EuiSpacer,
   EuiPanel,
   EuiTitle,
+  EuiToolTip,
   EuiAccordion,
   EuiBadge,
 } from '@elastic/eui';
@@ -1259,9 +1261,21 @@ export class TimeSeriesExplorer extends React.Component {
                   </EuiFlexItem>
                   <EuiFlexItem grow={false} style={{ width: '170px' }}>
                     <EuiFormRow
-                      label={i18n.translate('xpack.ml.timeSeriesExplorer.intervalLabel', {
-                        defaultMessage: 'Interval',
-                      })}
+                      label={
+                        <EuiToolTip
+                          content={i18n.translate('xpack.ml.timeSeriesExplorer.intervalTooltip', {
+                            defaultMessage:
+                              'Show only the highest severity anomaly for each interval (such as hour or day) or show all anomalies in the selected time period.',
+                          })}
+                        >
+                          <span>
+                            {i18n.translate('xpack.ml.timeSeriesExplorer.intervalLabel', {
+                              defaultMessage: 'Interval',
+                            })}
+                            <EuiIcon type="questionInCircle" color="subdued" />
+                          </span>
+                        </EuiToolTip>
+                      }
                     >
                       <SelectInterval />
                     </EuiFormRow>