From 065dc4be42cea55b1e2099908730057d8dbfa85d Mon Sep 17 00:00:00 2001
From: Shailesh Parmar <shailesh.parmar.webdev@gmail.com>
Date: Thu, 29 Feb 2024 18:40:43 +0530
Subject: [PATCH] #14063 Scale of axis on Data Quality Chart (#15368)

* #14063 Scale of axis on Data Quality Chart

* miner fix
---
 .../CustomMetricGraphs/CustomMetricGraphs.component.tsx     | 3 ++-
 .../Database/Profiler/TestSummary/TestSummary.tsx           | 1 +
 .../TestSummaryCustomTooltip.component.tsx                  | 6 +++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TableProfiler/CustomMetricGraphs/CustomMetricGraphs.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TableProfiler/CustomMetricGraphs/CustomMetricGraphs.component.tsx
index 6636b1b6b765..840a7ee18253 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TableProfiler/CustomMetricGraphs/CustomMetricGraphs.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TableProfiler/CustomMetricGraphs/CustomMetricGraphs.component.tsx
@@ -254,10 +254,11 @@ const CustomMetricGraphs = ({
                         />
 
                         <YAxis
+                          domain={['min', 'max']}
                           padding={{ top: 16, bottom: 16 }}
                           tick={{ fontSize: 12 }}
                           tickFormatter={(props) => axisTickFormatter(props)}
-                          type="category"
+                          type="number"
                         />
                         <Tooltip
                           formatter={(value: number | string) =>
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummary/TestSummary.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummary/TestSummary.tsx
index b7ab34aa8083..0c603b7b6e2f 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummary/TestSummary.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummary/TestSummary.tsx
@@ -327,6 +327,7 @@ const TestSummary: React.FC<TestSummaryProps> = ({ data }) => {
           />
           <YAxis
             allowDataOverflow
+            domain={['min', 'max']}
             padding={{ top: 8, bottom: 8 }}
             tickFormatter={(value) => axisTickFormatter(value)}
           />
diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummaryCustomTooltip/TestSummaryCustomTooltip.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummaryCustomTooltip/TestSummaryCustomTooltip.component.tsx
index b352017a824f..251dc15cf00c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummaryCustomTooltip/TestSummaryCustomTooltip.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/Database/Profiler/TestSummaryCustomTooltip/TestSummaryCustomTooltip.component.tsx
@@ -12,7 +12,7 @@
  */
 import { Card, Typography } from 'antd';
 import { entries, isNumber, isString, omit, startCase } from 'lodash';
-import React from 'react';
+import React, { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { TooltipProps } from 'recharts';
@@ -40,7 +40,7 @@ const TestSummaryCustomTooltip = (
   ]) => {
     if (key === 'task' && !isString(value) && !isNumber(value)) {
       return value?.task ? (
-        <>
+        <Fragment key={`item-${key}`}>
           <li
             className="d-flex items-center justify-between gap-6 p-b-xss text-sm"
             key="item-incident">
@@ -66,7 +66,7 @@ const TestSummaryCustomTooltip = (
               <OwnerLabel owner={value.task.assignees[0]} />
             </span>
           </li>
-        </>
+        </Fragment>
       ) : null;
     }