From 437cfd0b8e34b115df0f0c6596a958b4d558db94 Mon Sep 17 00:00:00 2001
From: Prakash Senthil Vel <23444145+prakashsvmx@users.noreply.github.com>
Date: Mon, 14 Nov 2022 23:26:17 +0530
Subject: [PATCH] fix broken chart axis data for date time formatting (#2452)

---
 .../Prometheus/Widgets/LinearGraphWidget.tsx      | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx b/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx
index a2ebc56a0..dd7096ade 100644
--- a/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx
+++ b/portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx
@@ -180,16 +180,21 @@ const LinearGraphWidget = ({
   const onHover = () => {
     setHover(true);
   };
+
   const onStopHover = () => {
     setHover(false);
   };
+
   useEffect(() => {
-    var dateFormatData = data;
-    dateFormatData.forEach((element: any) => {
-      var date = new Date(element.name * 1000);
-      element.name = date;
+    const fmtData = data.map((el: any) => {
+      const date = new Date(el?.name * 1000);
+      return {
+        ...el,
+        name: date,
+      };
     });
-    setCsvData(dateFormatData);
+
+    setCsvData(fmtData);
   }, [data]);
 
   const linearConfiguration = result