Update customizeTooltip

arman-boyakhchyan · arman-boyakhchyan · commit a4bee46a5164 · 2025-07-09T13:15:44.000+04:00
diff --git a/Angular/src/app/app.component.ts b/Angular/src/app/app.component.ts
@@ -48,8 +48,10 @@ export class AppComponent {
       return { text: formatNumber(data.value, 'currency') };
     }
     const isValueAboveAverage = data.value > this.averageSpend;
-    const aboveText = `${formatNumber(data.value, 'currency')}\n${formatNumber(data.value - this.averageSpend, 'currency')} above average spending.`;
-    const belowText = `${formatNumber(data.value, 'currency')}\n${formatNumber(this.averageSpend - data.value, 'currency')} below average spending.`;
-    return { text: isValueAboveAverage ? aboveText : belowText };
+    if (isValueAboveAverage) {
+      return { text: `${formatNumber(data.value, 'currency')}\n${formatNumber(data.value - this.averageSpend, 'currency')} above average spending.` };
+    }
+
+    return { text: `${formatNumber(data.value, 'currency')}\n${formatNumber(this.averageSpend - data.value, 'currency')} below average spending.` };
   };
 }

Original file line number	Diff line number	Diff line change
`@@ -48,8 +48,10 @@ export class AppComponent {`
`48`	`48`	`return { text: formatNumber(data.value, 'currency') };`
`49`	`49`	`}`
`50`	`50`	`const isValueAboveAverage = data.value > this.averageSpend;`
`51`		- const aboveText = `${formatNumber(data.value, 'currency')}\n${formatNumber(data.value - this.averageSpend, 'currency')} above average spending.`;
`52`		- const belowText = `${formatNumber(data.value, 'currency')}\n${formatNumber(this.averageSpend - data.value, 'currency')} below average spending.`;
`53`		`- return { text: isValueAboveAverage ? aboveText : belowText };`
	`51`	`+ if (isValueAboveAverage) {`
	`52`	+ return { text: `${formatNumber(data.value, 'currency')}\n${formatNumber(data.value - this.averageSpend, 'currency')} above average spending.` };
	`53`	`+ }`
	`54`	`+`
	`55`	+ return { text: `${formatNumber(data.value, 'currency')}\n${formatNumber(this.averageSpend - data.value, 'currency')} below average spending.` };
`54`	`56`	`};`
`55`	`57`	`}`