diff --git a/frontend/src/pages/CompanyDetail.tsx b/frontend/src/pages/CompanyDetail.tsx
index f6c1093..9f4e1d6 100644
--- a/frontend/src/pages/CompanyDetail.tsx
+++ b/frontend/src/pages/CompanyDetail.tsx
@@ -606,29 +606,14 @@ function ChartXTick({ x, y, payload }: { x?: number; y?: number; payload?: { val
if (!payload || !x || !y) return null;
const d = new Date(payload.value);
const hour = d.getHours();
- const minute = d.getMinutes();
- const isNewDay = hour === 0 && minute < 30;
- const isHourMark = minute < 15; // Show only on-the-hour ticks
+ const dateStr = d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+ const timeStr = d.toLocaleTimeString('en-US', { hour: 'numeric', hour12: true });
- // For date labels (new day boundary)
- if (isNewDay) {
- const label = d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
- return (
-
-
- {label}
-
-
- );
- }
-
- // For time labels — show rounded hours at an angle
- if (!isHourMark) return null;
- const timeStr = d.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
return (
-
-
- {timeStr}
+
+
+ {dateStr}
+ {timeStr}
);
@@ -808,7 +793,7 @@ function TrendHistoryChart({ trends, latestTrends, ticker, marketPrices, selecte
scale="time"
tick={}
tickLine={{ stroke: '#475569' }}
- interval="preserveStartEnd"
+ tickCount={8}
/>