From 6ce7c931063aa2d3a6a3790a0374144dec4dc7b5 Mon Sep 17 00:00:00 2001
From: amal <iam.amaliadwi@gmail.com>
Date: Thu, 16 Apr 2026 10:19:51 +0800
Subject: [PATCH] upd: grafik

---
 .../routes/apps.$appId.villages.$villageId.tsx   | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/frontend/routes/apps.$appId.villages.$villageId.tsx b/src/frontend/routes/apps.$appId.villages.$villageId.tsx
index 0304a1c..71e90e9 100644
--- a/src/frontend/routes/apps.$appId.villages.$villageId.tsx
+++ b/src/frontend/routes/apps.$appId.villages.$villageId.tsx
@@ -110,14 +110,20 @@ function ActivityChart({ villageId }: { villageId: string }) {
           h={280}
           data={data}
           dataKey="label"
-          series={[{ name: 'aktivitas', color: '#2563EB', label: 'Activity' }]}
+          series={[{ name: 'aktivitas', color: '#2563EB' }]}
           curveType="monotone"
           withTooltip
           withDots
           tickLine="none"
           gridAxis="x"
           tooltipAnimationDuration={150}
+          withPointLabels={false}
+          withXAxis={true}
+          withYAxis={true}
           fillOpacity={1}
+          tooltipProps={{
+            allowEscapeViewBox: { x: true, y: false },
+          }}
           areaProps={{
             strokeWidth: 2.5,
             fill: 'url(#villageAreaGrad)',
@@ -129,6 +135,14 @@ function ActivityChart({ villageId }: { villageId: string }) {
             strokeWidth: 2,
             stroke: '#2563EB',
             fill: 'white',
+            style: { cursor: 'pointer' },
+          }}
+          activeDotProps={{
+            r: 6,
+            strokeWidth: 2,
+            stroke: '#2563EB',
+            fill: '#2563EB',
+            children: null,
           }}
         >
           <defs>