From 684d3a37b442a275d9c6fc229b011bae26b8dc54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Marcondes?=
 <55978943+cauemarcondes@users.noreply.github.com>
Date: Fri, 18 Sep 2020 12:53:42 +0100
Subject: [PATCH] [APM] Bug: Set minimum scale to 1% for the Transaction error
 rate chart (#77861)

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

diff --git a/x-pack/plugins/apm/public/components/shared/charts/ErroneousTransactionsRateChart/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/ErroneousTransactionsRateChart/index.tsx
index e806f556347f1..e64357c085209 100644
--- a/x-pack/plugins/apm/public/components/shared/charts/ErroneousTransactionsRateChart/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/charts/ErroneousTransactionsRateChart/index.tsx
@@ -6,6 +6,7 @@
 import { EuiPanel, EuiSpacer, EuiTitle } from '@elastic/eui';
 import theme from '@elastic/eui/dist/eui_theme_light.json';
 import { i18n } from '@kbn/i18n';
+import { max } from 'lodash';
 import React, { useCallback } from 'react';
 import { useParams } from 'react-router-dom';
 import { asPercent } from '../../../../../common/utils/formatters';
@@ -56,6 +57,7 @@ export function ErroneousTransactionsRateChart() {
   );
 
   const errorRates = data?.erroneousTransactionsRate || [];
+  const maxRate = max(errorRates.map((errorRate) => errorRate.y));
 
   return (
     <EuiPanel>
@@ -70,7 +72,7 @@ export function ErroneousTransactionsRateChart() {
       <CustomPlot
         {...syncedChartsProps}
         noHits={data?.noHits}
-        yMax={1}
+        yMax={maxRate === 0 ? 1 : undefined}
         series={[
           {
             color: theme.euiColorVis7,