From d470bb61f130aa2a65b8282dc13469054d0bc169 Mon Sep 17 00:00:00 2001
From: Uday R <82779467+uday-rana@users.noreply.github.com>
Date: Wed, 9 Oct 2024 18:20:59 -0400
Subject: [PATCH] show allocationInPercentage if valueInBaseCurrency is null

---
 .../treemap-chart/treemap-chart.component.ts    | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

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 c41a5d0e4..b278180ea 100644
--- a/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
+++ b/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
@@ -227,12 +227,17 @@ export class GfTreemapChartComponent
       }),
       callbacks: {
         label: (context) => {
-          const value = <number>context.raw._data.valueInBaseCurrency;
-
-          return `${value.toLocaleString(this.locale, {
-            maximumFractionDigits: 2,
-            minimumFractionDigits: 2
-          })} ${this.baseCurrency}`;
+          if (context.raw._data.valueInBaseCurrency !== null) {
+            const value = <number>context.raw._data.valueInBaseCurrency;
+            return `${value.toLocaleString(this.locale, {
+              maximumFractionDigits: 2,
+              minimumFractionDigits: 2
+            })} ${this.baseCurrency}`;
+          } else {
+            const percentage =
+              <number>context.raw._data.allocationInPercentage * 100;
+            return `${percentage.toFixed(2)}%`;
+          }
         },
         title: () => {
           return '';