From 969eb99c84d40db05953888d9b3c5e01bc09e3a8 Mon Sep 17 00:00:00 2001
From: Madhab Sahoo <msahoo001@gmail.com>
Date: Sun, 13 Oct 2024 02:05:53 +0530
Subject: [PATCH] Improved background color in treemap

---
 .../src/lib/treemap-chart/treemap-chart.component.ts   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts b/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
index 0b3f17676..0fcdce3d7 100644
--- a/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
+++ b/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
@@ -91,7 +91,7 @@ export class GfTreemapChartComponent
       datasets: [
         {
           backgroundColor(ctx) {
-            const annualizedNetPerformancePercentWithCurrencyEffect =
+            let annualizedNetPerformancePercentWithCurrencyEffect =
               getAnnualizedPerformancePercent({
                 daysInMarket: differenceInDays(
                   endDate,
@@ -105,6 +105,11 @@ export class GfTreemapChartComponent
                 )
               }).toNumber();
 
+            annualizedNetPerformancePercentWithCurrencyEffect =
+              Math.round(
+                annualizedNetPerformancePercentWithCurrencyEffect * 100
+              ) / 100;
+
             if (
               annualizedNetPerformancePercentWithCurrencyEffect >
               0.03 * GfTreemapChartComponent.HEAT_MULTIPLIER
@@ -125,6 +130,9 @@ export class GfTreemapChartComponent
             } else if (
               annualizedNetPerformancePercentWithCurrencyEffect === 0
             ) {
+              annualizedNetPerformancePercentWithCurrencyEffect = Math.abs(
+                annualizedNetPerformancePercentWithCurrencyEffect
+              );
               return gray[3];
             } else if (
               annualizedNetPerformancePercentWithCurrencyEffect >