diff --git a/internal/handler/dashboard_handler.go b/internal/handler/dashboard_handler.go index cb1024c..f09102b 100644 --- a/internal/handler/dashboard_handler.go +++ b/internal/handler/dashboard_handler.go @@ -135,7 +135,7 @@ func (s *Server) Chart(c *gin.Context) { for i := 0; i < 24; i++ { hour := twentyFourHoursAgo.Add(time.Duration(i) * time.Hour).Truncate(time.Hour) - labels = append(labels, hour.Format("15:04")) + labels = append(labels, hour.Format(time.RFC3339)) if data, ok := statsByHour[hour]; ok { successData = append(successData, data["success"]) diff --git a/web/src/components/LineChart.vue b/web/src/components/LineChart.vue index 50b45f1..496c6f7 100644 --- a/web/src/components/LineChart.vue +++ b/web/src/components/LineChart.vue @@ -72,6 +72,16 @@ const yTicks = computed(() => { return Array.from({ length: tickCount }, (_, i) => min + i * step); }); +// 格式化时间标签 +const formatTimeLabel = (isoString: string) => { + const date = new Date(isoString); + return date.toLocaleTimeString(undefined, { + hour: "2-digit", + minute: "2-digit", + hour12: false, + }); +}; + // 生成可见的X轴标签(避免重叠) const visibleLabels = computed(() => { if (!chartData.value) { @@ -82,7 +92,9 @@ const visibleLabels = computed(() => { const maxLabels = 8; // 最多显示8个标签 const step = Math.ceil(labels.length / maxLabels); - return labels.map((label, index) => ({ text: label, index })).filter((_, i) => i % step === 0); + return labels + .map((label, index) => ({ text: formatTimeLabel(label), index })) + .filter((_, i) => i % step === 0); }); // 位置计算函数 @@ -266,7 +278,7 @@ const handleMouseMove = (event: MouseEvent) => { }; tooltipData.value = { - time: chartData.value.labels[closestTimeIndex], + time: formatTimeLabel(chartData.value.labels[closestTimeIndex]), datasets: datasetsAtTime, }; } else {