From f66ef05f2ae735fb762ac034a0868f262294a2e6 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Sat, 1 Mar 2025 20:14:27 +0530
Subject: [PATCH] (feat:barGraph) on hover opacity

---
 frontend/src/settings/Analytics.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/settings/Analytics.tsx b/frontend/src/settings/Analytics.tsx
index 53538833..307cfb5c 100644
--- a/frontend/src/settings/Analytics.tsx
+++ b/frontend/src/settings/Analytics.tsx
@@ -450,5 +450,17 @@ function AnalyticsChart({
       },
     },
   };
-  return <Bar options={options} plugins={[htmlLegendPlugin]} data={data} />;
+  return (
+    <Bar
+      options={options}
+      plugins={[htmlLegendPlugin]}
+      data={{
+        ...data,
+        datasets: data.datasets.map((dataset) => ({
+          ...dataset,
+          hoverBackgroundColor: `${dataset.backgroundColor}CC`, // 80% opacity
+        })),
+      }}
+    />
+  );
 }