Browse Source

Feature/Extend tooltip in treemap chart component by name

pull/3907/head
Uday R 11 months ago
committed by Thomas Kaul
parent
commit
8a696dccc9
  1. 16
      libs/ui/src/lib/treemap-chart/treemap-chart.component.ts

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

@ -227,16 +227,22 @@ export class GfTreemapChartComponent
}), }),
callbacks: { callbacks: {
label: (context) => { label: (context) => {
const name = context.raw._data.name;
const symbol = context.raw._data.symbol;
if (context.raw._data.valueInBaseCurrency !== null) { if (context.raw._data.valueInBaseCurrency !== null) {
const value = <number>context.raw._data.valueInBaseCurrency; const value = <number>context.raw._data.valueInBaseCurrency;
return `${value.toLocaleString(this.locale, { return [
maximumFractionDigits: 2, `${name ?? symbol}`,
minimumFractionDigits: 2 `${value.toLocaleString(this.locale, {
})} ${this.baseCurrency}`; maximumFractionDigits: 2,
minimumFractionDigits: 2
})} ${this.baseCurrency}`
];
} else { } else {
const percentage = const percentage =
<number>context.raw._data.allocationInPercentage * 100; <number>context.raw._data.allocationInPercentage * 100;
return `${percentage.toFixed(2)}%`; return [`${name ?? symbol}`, `${percentage.toFixed(2)}%`];
} }
}, },
title: () => { title: () => {

Loading…
Cancel
Save