From b6b730fa81319928d7b52ab583112ce045b65ba2 Mon Sep 17 00:00:00 2001
From: lcawl <lcawley@elastic.co>
Date: Fri, 23 Apr 2021 09:12:33 -0700
Subject: [PATCH 1/2] [ML] Add tooltip for interval in Single Metric Viewer

---
 .../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..9ebf312cbdc41 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',
+                            })}
+                          </span>
+                          <EuiIcon type="questionInCircle" color="subdued" />
+                        </EuiToolTip>
+                      }
                     >
                       <SelectInterval />
                     </EuiFormRow>

From 20ab749a2757766948c4b13f3dbf0f1e84929635 Mon Sep 17 00:00:00 2001
From: lcawl <lcawley@elastic.co>
Date: Fri, 23 Apr 2021 13:14:12 -0700
Subject: [PATCH 2/2] [ML] Fix span in tooltip

---
 .../public/application/timeseriesexplorer/timeseriesexplorer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js b/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js
index 9ebf312cbdc41..8e5bf249ae283 100644
--- a/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js
+++ b/x-pack/plugins/ml/public/application/timeseriesexplorer/timeseriesexplorer.js
@@ -1272,8 +1272,8 @@ export class TimeSeriesExplorer extends React.Component {
                             {i18n.translate('xpack.ml.timeSeriesExplorer.intervalLabel', {
                               defaultMessage: 'Interval',
                             })}
+                            <EuiIcon type="questionInCircle" color="subdued" />
                           </span>
-                          <EuiIcon type="questionInCircle" color="subdued" />
                         </EuiToolTip>
                       }
                     >