Browse Source

Adjust font sizes in treemap chart and maintain tooltip functionality

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

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

@ -151,16 +151,15 @@ export class GfTreemapChartComponent
align: 'left', align: 'left',
color: ['white'], color: ['white'],
display: true, display: true,
font: [{ size: 14 }, { size: 14 }, { lineHeight: 2, size: 14 }], font: { size: 14, lineHeight: 2 },
formatter(ctx) { formatter(ctx) {
const netPerformancePercentWithCurrencyEffect = ctx.raw._data.netPerformancePercentWithCurrencyEffect; const netPerformancePercentWithCurrencyEffect = ctx.raw._data.netPerformancePercentWithCurrencyEffect;
return [ return [
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,
tree: this.holdings tree: this.holdings
} }

Loading…
Cancel
Save