From 86a5efb4094a005c8f0333b4350a65d8cb79d254 Mon Sep 17 00:00:00 2001 From: tushar-agarwal7 Date: Sat, 12 Oct 2024 07:15:46 +0000 Subject: [PATCH] Adjust font sizes in treemap chart and maintain tooltip functionality --- .../src/lib/treemap-chart/treemap-chart.component.ts | 11 ++++------- 1 file changed, 4 insertions(+), 7 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 d161455f2..1f77d69f0 100644 --- a/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts +++ b/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts @@ -151,17 +151,14 @@ export class GfTreemapChartComponent align: 'left', color: ['white'], display: true, - font: [{ size: 14 }, { size: 11 }, { lineHeight: 2, size: 14 }], + font: [{ size: 14 }, { size: 14 }, { lineHeight: 2, size: 14 }], formatter(ctx) { - const netPerformancePercentWithCurrencyEffect = - ctx.raw._data.netPerformancePercentWithCurrencyEffect; - + const netPerformancePercentWithCurrencyEffect = ctx.raw._data.netPerformancePercentWithCurrencyEffect; return [ - ctx.raw._data.symbol, // Only show the symbol + ctx.raw._data.symbol, `${netPerformancePercentWithCurrencyEffect > 0 ? '+' : ''}${(ctx.raw._data.netPerformancePercentWithCurrencyEffect * 100).toFixed(2)}%` ]; - } - , + }, position: 'top' }, spacing: 1,