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. 12
      libs/ui/src/lib/treemap-chart/treemap-chart.component.ts

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

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

Loading…
Cancel
Save