From 1e3a357f2b084743ef153b4089e6943eb7f29fe6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 2 Dec 2025 19:42:48 +0000
Subject: [PATCH] Fix X-axis to use linear scale in distance traveled mode

- Set XAxis type="number" when in distance mode for proper linear scaling
- Add domain=[0, 'dataMax'] to ensure scale starts at 0
- Only force interval=0 (show all ticks) in stop sequence mode
---
 src/tabs/TimeDistanceGraphTab.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/tabs/TimeDistanceGraphTab.tsx b/src/tabs/TimeDistanceGraphTab.tsx
index 0ede906..275bff6 100644
--- a/src/tabs/TimeDistanceGraphTab.tsx
+++ b/src/tabs/TimeDistanceGraphTab.tsx
@@ -842,6 +842,8 @@ export default function TimeDistanceGraphTab({ routes, workerApi, agencies }: Ti
                 <CartesianGrid strokeDasharray="3 3" />
                 <XAxis
                   dataKey={xAxisMode === 'stop_sequence' ? 'stopSequence' : 'distanceTraveled'}
+                  type={xAxisMode === 'distance_traveled' ? 'number' : 'category'}
+                  domain={xAxisMode === 'distance_traveled' ? [0, 'dataMax'] : undefined}
                   label={{
                     value: xAxisMode === 'stop_sequence' ? 'Stops' : 'Distance (km)',
                     position: 'bottom',
@@ -874,7 +876,7 @@ export default function TimeDistanceGraphTab({ routes, workerApi, agencies }: Ti
                     ? (value) => (value / 1000).toFixed(1)
                     : undefined
                   }
-                  interval={0}
+                  interval={xAxisMode === 'stop_sequence' ? 0 : undefined}
                 />
                 <YAxis
                   tickFormatter={(value) => formatDuration(value)}