From cd0e9e3e85d38889f5df2c0d0fa3d7767d33d710 Mon Sep 17 00:00:00 2001
From: Desy Ayurianti <desii.ayurianti@gmail.com>
Date: Fri, 27 Sep 2024 11:11:34 +0700
Subject: [PATCH] fix(dashboard): menambhakan satuan untuk parameter pada data
 grafik

---
 .../dashboard/page/graph/graph.component.ts   | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/agrilink_vocpro/src/app/pages/dashboard/page/graph/graph.component.ts b/agrilink_vocpro/src/app/pages/dashboard/page/graph/graph.component.ts
index b4c4cdd..6ea353c 100644
--- a/agrilink_vocpro/src/app/pages/dashboard/page/graph/graph.component.ts
+++ b/agrilink_vocpro/src/app/pages/dashboard/page/graph/graph.component.ts
@@ -93,6 +93,37 @@ export class GraphComponent implements OnInit {
               enabled: true,
               mode: 'nearest',
               intersect: false,
+              callbacks: {
+                label: (tooltipItem: any) => {
+                  const datasetLabel = tooltipItem.dataset.label.toLowerCase();
+                  const formattedValue = tooltipItem.formattedValue;
+  
+                  let unit = '';
+                  switch (datasetLabel) {
+                    case 'temperature':
+                      unit = '°C';
+                      break;
+                    case 'light':
+                      unit = 'lux';
+                      break;
+                    case 'moisture':
+                    case 'humidity':
+                      unit = '%';
+                      break;
+                    case 'conductivity':
+                      unit = 'mS/cm';
+                      break;
+                    case 'nitrogen':
+                    case 'phosphorus':
+                    case 'potassium':
+                      unit = 'NPM'; 
+                      break;
+                    default:
+                      unit = '';
+                  }
+                  return `${tooltipItem.dataset.label}: ${formattedValue} ${unit}`;
+                },
+              } 
             },
             legend: {
               display: true