Set the height of the selection annotation dynamically based on the m…

…ax y domain value.
elastic · Aug 11, 2022 · 62db8d8 · 62db8d8
1 parent 52cf77e
commit 62db8d8
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/x-pack/plugins/apm/public/components/shared/charts/duration_distribution_chart/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/duration_distribution_chart/index.tsx
@@ -143,9 +143,10 @@ export function DurationDistributionChart({
       ...flatten(data.map((d) => d.histogram)).map((d) => d.doc_count)
     ) ?? 0;
   const yTicks = Math.max(1, Math.ceil(Math.log10(yMax)));
+  const yAxisMaxDomain = Math.pow(10, yTicks);
   const yAxisDomain = {
     min: Y_AXIS_MIN_DOMAIN,
-    max: Math.pow(10, yTicks),
+    max: yAxisMaxDomain,
   };
 
   const selectionAnnotation =
@@ -156,7 +157,7 @@ export function DurationDistributionChart({
               x0: selection[0],
               x1: selection[1],
               y0: 0,
-              y1: 100000,
+              y1: yAxisMaxDomain,
             },
             details: 'selection',
           },