From 949dc9791e724087d60f92429fb40737bf8aab80 Mon Sep 17 00:00:00 2001
From: lcawl <lcawley@elastic.co>
Date: Wed, 21 Apr 2021 18:11:06 -0700
Subject: [PATCH 1/2] [ML] Add tooltip for interval in Anomaly Explorer

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

diff --git a/x-pack/plugins/ml/public/application/explorer/explorer.js b/x-pack/plugins/ml/public/application/explorer/explorer.js
index 45665b2026db5..c4e91bc8d7eaf 100644
--- a/x-pack/plugins/ml/public/application/explorer/explorer.js
+++ b/x-pack/plugins/ml/public/application/explorer/explorer.js
@@ -21,6 +21,7 @@ import {
   EuiFlexItem,
   EuiFormRow,
   EuiHorizontalRule,
+  EuiIcon,
   EuiIconTip,
   EuiPage,
   EuiPageBody,
@@ -28,6 +29,7 @@ import {
   EuiPageHeaderSection,
   EuiSpacer,
   EuiTitle,
+  EuiToolTip,
   EuiLoadingContent,
   EuiPanel,
   EuiAccordion,
@@ -476,9 +478,21 @@ export class ExplorerUI extends React.Component {
                   </EuiFlexItem>
                   <EuiFlexItem grow={false} style={{ width: '170px' }}>
                     <EuiFormRow
-                      label={i18n.translate('xpack.ml.explorer.intervalLabel', {
-                        defaultMessage: 'Interval',
-                      })}
+                      label={
+                        <EuiToolTip
+                          content={i18n.translate('xpack.ml.explorer.intervalTooltip', {
+                            defaultMessage:
+                              'Show all anomalies or only the highest severity anomaly for each hour or day.',
+                          })}
+                        >
+                          <span>
+                            {i18n.translate('xpack.ml.explorer.intervalLabel', {
+                              defaultMessage: 'Interval',
+                            })}
+                            <EuiIcon type="questionInCircle" color="subdued" />
+                          </span>
+                        </EuiToolTip>
+                      }
                     >
                       <SelectInterval />
                     </EuiFormRow>

From 709de27b1864e012a0b4ccc12fee638bfeb333ea Mon Sep 17 00:00:00 2001
From: lcawl <lcawley@elastic.co>
Date: Thu, 22 Apr 2021 13:32:29 -0700
Subject: [PATCH 2/2] Addresses feedback

---
 x-pack/plugins/ml/public/application/explorer/explorer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/x-pack/plugins/ml/public/application/explorer/explorer.js b/x-pack/plugins/ml/public/application/explorer/explorer.js
index c4e91bc8d7eaf..63b7b11d628cd 100644
--- a/x-pack/plugins/ml/public/application/explorer/explorer.js
+++ b/x-pack/plugins/ml/public/application/explorer/explorer.js
@@ -482,7 +482,7 @@ export class ExplorerUI extends React.Component {
                         <EuiToolTip
                           content={i18n.translate('xpack.ml.explorer.intervalTooltip', {
                             defaultMessage:
-                              'Show all anomalies or only the highest severity anomaly for each hour or day.',
+                              'Show only the highest severity anomaly for each interval (such as hour or day) or show all anomalies in the selected time period.',
                           })}
                         >
                           <span>