From 02b0c4ccab9999323d23ce8b2aec48bc6aadb77c Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Fri, 11 Apr 2025 15:45:02 +0530
Subject: [PATCH] fix(LineChart): enable x-axis labels visibility and adjust
 styling

---
 src/components/Charts/LineChart.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Charts/LineChart.jsx b/src/components/Charts/LineChart.jsx
index 1c994329..61efce2c 100644
--- a/src/components/Charts/LineChart.jsx
+++ b/src/components/Charts/LineChart.jsx
@@ -31,7 +31,7 @@ const LineChart = ({
         },
         stroke: {
             curve: 'straight',
-            width: 2 
+            width: 2
         },
         grid: {
             show: false,
@@ -55,11 +55,18 @@ const LineChart = ({
         },
         xaxis: {
             categories,
-            labels: { show: false },
+            labels: {
+                show: true,
+                rotate: -45, 
+                style: {
+                    fontSize: '12px'
+                }
+            },
             axisBorder: { show: false },
             axisTicks: { show: false },
             tooltip: { enabled: false }
         },
+
         yaxis: {
             labels: { show: false },
             axisBorder: { show: false },