Feature/add multilines to tooltips in proportion chart (#753)
* Introduce multilines for tooltips * Update changelog
This commit is contained in:
parent
5a369f29d4
commit
e769fabbae
@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|||||||
### Changed
|
### Changed
|
||||||
|
|
||||||
- Restructured the portfolio summary tab on the home page
|
- Restructured the portfolio summary tab on the home page
|
||||||
|
- Improved the tooltips in the portfolio proportion chart component by introducing multilines
|
||||||
|
|
||||||
## 1.125.0 - 12.03.2022
|
## 1.125.0 - 12.03.2022
|
||||||
|
|
||||||
|
@ -324,16 +324,16 @@ export class PortfolioProportionChartComponent
|
|||||||
const percentage = (context.parsed * 100) / sum;
|
const percentage = (context.parsed * 100) / sum;
|
||||||
|
|
||||||
if (this.isInPercent) {
|
if (this.isInPercent) {
|
||||||
return `${name ?? symbol} (${percentage.toFixed(2)}%)`;
|
return [`${name ?? symbol}`, `${percentage.toFixed(2)}%`];
|
||||||
} else {
|
} else {
|
||||||
const value = <number>context.raw;
|
const value = <number>context.raw;
|
||||||
return `${name ?? symbol}: ${value.toLocaleString(
|
return [
|
||||||
this.locale,
|
`${name ?? symbol}`,
|
||||||
{
|
`${value.toLocaleString(this.locale, {
|
||||||
maximumFractionDigits: 2,
|
maximumFractionDigits: 2,
|
||||||
minimumFractionDigits: 2
|
minimumFractionDigits: 2
|
||||||
}
|
})} ${this.baseCurrency} (${percentage.toFixed(2)}%)`
|
||||||
)} ${this.baseCurrency} (${percentage.toFixed(2)}%)`;
|
];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user