feature/alert-resolution-rate-chart

Author: fickyou

client/my-app/src/components/features/analytics/Chart/AlertResolutionRate.tsx

@@ -18,7 +18,7 @@ const AXIS_LABEL_STYLE = {
   fontSize: "12px",
 };
 
-// ==== DATA ====
+
 const data = [
   { month: "January", total: 65, closed: 80 },
   { month: "February", total: 90, closed: 60 },
@@ -34,13 +34,13 @@ const data = [
   { month: "December", total: 88, closed: 15 },
 ];
 
-// ==== SERIES ====
+
 const chartSeries = [
   { name: "Total Alerts", data: data.map((d) => d.total) },
   { name: "Closed Alerts", data: data.map((d) => d.closed) },
 ];
 
-// ==== OPTIONS (Line Chart) ====
+
 const chartOptions: ApexOptions = {
   chart: {
     type: "line",
@@ -68,8 +68,8 @@ const chartOptions: ApexOptions = {
   grid: {
     borderColor: "#e5e7eb",
     strokeDashArray: 4,
-    xaxis: { lines: { show: true } }, // ⭐ เปิดเส้น Vertical grid
-    yaxis: { lines: { show: true } }, // Horizontal grid
+    xaxis: { lines: { show: true } }, 
+    yaxis: { lines: { show: true } }, 
   },
 
   xaxis: {
@@ -97,7 +97,7 @@ const chartOptions: ApexOptions = {
   },
 };
 
-// ==== MAIN COMPONENT ====
+
 export default function AlertResolutionRate({ height = 250 }: Props) {
   return (
     <div className="w-full rounded-3xl bg-white px-6 py-5 shadow-sm border border-[#e5e7f5]">