Browse Source

Adjust font sizes in treemap chart and maintain tooltip functionality

pull/3912/head
tushar-agarwal7 11 months ago
parent
commit
86a5efb409
  1. 11
      libs/ui/src/lib/treemap-chart/treemap-chart.component.ts

11
libs/ui/src/lib/treemap-chart/treemap-chart.component.ts

@ -151,17 +151,14 @@ export class GfTreemapChartComponent
align: 'left', align: 'left',
color: ['white'], color: ['white'],
display: true, display: true,
font: [{ size: 14 }, { size: 11 }, { lineHeight: 2, size: 14 }], font: [{ size: 14 }, { size: 14 }, { lineHeight: 2, size: 14 }],
formatter(ctx) { formatter(ctx) {
const netPerformancePercentWithCurrencyEffect = const netPerformancePercentWithCurrencyEffect = ctx.raw._data.netPerformancePercentWithCurrencyEffect;
ctx.raw._data.netPerformancePercentWithCurrencyEffect;
return [ return [
ctx.raw._data.symbol, // Only show the symbol ctx.raw._data.symbol,
`${netPerformancePercentWithCurrencyEffect > 0 ? '+' : ''}${(ctx.raw._data.netPerformancePercentWithCurrencyEffect * 100).toFixed(2)}%` `${netPerformancePercentWithCurrencyEffect > 0 ? '+' : ''}${(ctx.raw._data.netPerformancePercentWithCurrencyEffect * 100).toFixed(2)}%`
]; ];
} },
,
position: 'top' position: 'top'
}, },
spacing: 1, spacing: 1,

Loading…
Cancel
Save