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} />