CustomTooltipItem

wkrzywiec · Nov 30, 2024 · 5018623 · 5018623
1 parent 4e36d47
commit 5018623
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/services/mankkoo-ui/components/charts/Piechart.tsx b/services/mankkoo-ui/components/charts/Piechart.tsx
@@ -15,6 +15,13 @@ export interface PieChartData {
     data: number[]
 }
 
+interface CustomTooltipItem extends TooltipItem<'pie'> {
+    _metasets : [{
+        total: number
+    }]
+  }
+
+
 export default function PieChart({ 
         input={data: [30, 50, 20], labels: ['Red','Black','Blue']}, 
         size=1 } : { input?: PieChartData, size?: number}) {
@@ -48,8 +55,10 @@ export default function PieChart({
                             callbacks: {
                               label: function(context) {
                                 console.log(context.chart)
-                                const chart = context.chart as unknown as TooltipItem<"pie">
+
                                 const currentValue: number = context.raw as number
+
+                                const chart = context.chart as CustomTooltipItem
                                 const total: number  = chart._metasets[context.datasetIndex].total
 
                                 const percentage = (currentValue/total * 100).toFixed(1);