From da653681cf281c0482fd7326d10b0300e3f1f1ef Mon Sep 17 00:00:00 2001
From: Palash <88981777+palash-signoz@users.noreply.github.com>
Date: Tue, 28 Sep 2021 18:20:38 +0530
Subject: [PATCH] fix: color for the graph is updated (#305)

---
 frontend/src/lib/getChartData.ts | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/frontend/src/lib/getChartData.ts b/frontend/src/lib/getChartData.ts
index 71d40d57b2..6830666cab 100644
--- a/frontend/src/lib/getChartData.ts
+++ b/frontend/src/lib/getChartData.ts
@@ -23,11 +23,9 @@ const getChartData = ({ queryData }: GetChartDataProps): ChartData => {
 				};
 			});
 
-			const color = colors[index] || 'red';
 			return {
 				label: labelNames,
 				first: dataValue.map((e) => e.first),
-				borderColor: color,
 				second: dataValue.map((e) => e.second),
 			};
 		});
@@ -37,10 +35,6 @@ const getChartData = ({ queryData }: GetChartDataProps): ChartData => {
 		.map((e) => e.map((e) => e.label))
 		.reduce((a, b) => [...a, ...b], []);
 
-	const allColor = response
-		.map((e) => e.map((e) => e.borderColor))
-		.reduce((a, b) => [...a, ...b], []);
-
 	const alldata = response
 		.map((e) => e.map((e) => e.second))
 		.reduce((a, b) => [...a, ...b], []);
@@ -53,7 +47,7 @@ const getChartData = ({ queryData }: GetChartDataProps): ChartData => {
 				borderWidth: 1.5,
 				spanGaps: true,
 				animations: false,
-				borderColor: allColor[index],
+				borderColor: colors[index] || 'red',
 				showLine: true,
 				pointRadius: 0,
 			};