From 9f4e0bc4a419079ffa7e80f500ce9221cf54c2d2 Mon Sep 17 00:00:00 2001
From: Murad CDC <atamurad.babakulyyev@gmail.com>
Date: Mon, 6 Jan 2025 09:22:01 -0500
Subject: [PATCH] [DEV-10195] Update Pie Chart tooltip hovers

---
 packages/chart/src/hooks/useTooltip.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/chart/src/hooks/useTooltip.tsx b/packages/chart/src/hooks/useTooltip.tsx
index 08d723c29..dd044237a 100644
--- a/packages/chart/src/hooks/useTooltip.tsx
+++ b/packages/chart/src/hooks/useTooltip.tsx
@@ -143,11 +143,19 @@ export const useTooltip = props => {
       })
 
       if (visualizationType === 'Pie') {
+        const roundTo = Number(config.dataFormat.roundTo) || 0
+
+        const degrees = ((arc.endAngle - arc.startAngle) * 180) / Math.PI
+
+        // Calculate the percentage of the full circle (360 degrees)
+        const percentageOfCircle = (degrees / 360) * 100
+        const roundedPercentage = percentageOfCircle.toFixed(roundTo)
+
         tooltipItems.push(
           // ignore
           [config.xAxis.dataKey, pieChartData],
           [config.runtime.yAxis.dataKey, formatNumber(arc?.data[config.runtime.yAxis.dataKey])],
-          ['Percent', `${Math.round((((arc?.endAngle - arc?.startAngle) * 180) / Math.PI / 360) * 100) + '%'}`]
+          ['Percent', `${roundedPercentage + '%'}`]
         )
       }