✨ 提取工具方法用于重置时间

src/components/info-tr-chart.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import point from '@/assets/images/chart/point.svg?url'
 import type { TetraLeagueHistoryRecord } from '@/types/shared'
+import { resetTime } from '@/utils/date.ts'
 import type { LineSeriesOption } from 'echarts/charts'
 import { LineChart } from 'echarts/charts'
 import type { GridComponentOption, MarkLineComponentOption } from 'echarts/components'
@@ -57,7 +58,13 @@ const option = computed<ChartOption>(() => {
 						.toString()
 						.padStart(2, '0')
 
-					if (index === props.data.length - 1) {
+					const lastDay = Math.max(
+						...props.data.map(data => {
+							return +new Date(data.record_at)
+						})
+					)
+
+					if (value === lastDay) {
 						return `{last_month|${month}}\n{last_day|${day}}`
 					}
 
@@ -134,8 +141,10 @@ const option = computed<ChartOption>(() => {
 		series: [
 			{
 				data: props.data.map(data => {
+					const date = new Date(data.record_at)
+
 					return [
-						+data.record_at,
+						+resetTime(date),
 						Number(
 							Number(data.tr).toFixed(2)
 						)

src/pages/index.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { resetTime } from '@/utils/date.ts'
 import { useKeyModifier } from '@vueuse/core'
 
 const controlPressed = useKeyModifier('Control')
@@ -118,10 +119,7 @@ const test_tetrio_info = () => {
 				}
 			].map(data => {
 				const date = new Date(data.record_at)
-				date.setHours(0)
-				date.setMinutes(0)
-				date.setSeconds(0)
-				data.record_at = date
+				data.record_at = resetTime(date)
 
 				return data
 			})

src/utils/date.ts

@@ -0,0 +1,8 @@
+export const resetTime = (date: Date) => {
+	const newDate = new Date(date)
+	newDate.setHours(0)
+	newDate.setMinutes(0)
+	newDate.setSeconds(0)
+	newDate.setMilliseconds(0)
+	return newDate
+}