Show percentage unit more clearly

appKom · Nov 6, 2024 · 0d10863 · 0d10863
1 parent f67526d
commit 0d10863
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/components/graphs/LineChart.tsx b/components/graphs/LineChart.tsx
@@ -131,6 +131,11 @@ const LineChart = ({ onlineFondet, osebx }: Props) => {
       legend: {
         position: 'top' as const,
       },
+      tooltip: {
+        callbacks: {
+          label: (ctx) => `${Math.round(ctx.raw * 100) / 100}%`
+        }
+      },
     },
     scales: {
       y: {

diff --git a/components/graphs/PieChart.tsx b/components/graphs/PieChart.tsx
@@ -18,7 +18,6 @@ const PieChart = ({ composition }: Props) => {
     labels: labels,
     datasets: [
       {
-        label: 'Prosent',
         data: dataValues,
         backgroundColor: [
           'rgba(255, 99, 132, 0.6)',
@@ -56,7 +55,12 @@ const PieChart = ({ composition }: Props) => {
       legend: {
         position: 'top' as const,
       },
-    },
+      tooltip: {
+        callbacks: {
+          label: (ctx) => `${Math.round(ctx.raw * 100) / 100}%`
+        }
+      },
+    }
   };
 
   return (