From 573688a92ca00847f0564f07d42284ee111b44bd Mon Sep 17 00:00:00 2001
From: Ying Mao <ying.mao@elastic.co>
Date: Tue, 2 Nov 2021 14:29:12 -0400
Subject: [PATCH] UX fixes for duration chart

---
 .../sections/common/components/execution_duration_chart.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/common/components/execution_duration_chart.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/common/components/execution_duration_chart.tsx
index caf4014a7dfd2..ea8c16d03cc04 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/sections/common/components/execution_duration_chart.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/sections/common/components/execution_duration_chart.tsx
@@ -81,7 +81,8 @@ export const ExecutionDurationChart: React.FunctionComponent<ComponentOpts> = ({
               }}
             />
             <BarSeries
-              id={i18n.translate(
+              id="executionDuration"
+              name={i18n.translate(
                 'xpack.triggersActionsUI.sections.executionDurationChart.durationLabel',
                 {
                   defaultMessage: `Duration`,
@@ -95,7 +96,8 @@ export const ExecutionDurationChart: React.FunctionComponent<ComponentOpts> = ({
               minBarHeight={2}
             />
             <LineSeries
-              id={i18n.translate(
+              id="rule_duration_avg"
+              name={i18n.translate(
                 'xpack.triggersActionsUI.sections.executionDurationChart.avgDurationLabel',
                 {
                   defaultMessage: `Avg Duration`,