From acc4caad1c21b1d909b2a74b8336c914d26fd52f Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 26 Aug 2021 08:31:21 +0200
Subject: [PATCH] [ML] Fix latency chart legend label.

---
 .../shared/charts/transaction_distribution_chart/index.tsx     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/x-pack/plugins/apm/public/components/shared/charts/transaction_distribution_chart/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/transaction_distribution_chart/index.tsx
index f3ba45d9eef1a..217a614e40862 100644
--- a/x-pack/plugins/apm/public/components/shared/charts/transaction_distribution_chart/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/charts/transaction_distribution_chart/index.tsx
@@ -302,7 +302,8 @@ export function TransactionDistributionChart({
             fieldName !== undefined &&
             fieldValue !== undefined && (
               <AreaSeries
-                id={`apmTransactionDistributionChartAreaSeries${fieldName}${fieldValue}`}
+                // id is used as the label for the legend
+                id={`${fieldName}:${fieldValue}`}
                 xScaleType={ScaleType.Log}
                 yScaleType={ScaleType.Log}
                 data={histogram}