From 85ba3cbb80bbb2e041b6555183f99acfb2005c20 Mon Sep 17 00:00:00 2001 From: sunfree <17315650350@163.com> Date: Sun, 14 Jul 2024 21:40:13 +0800 Subject: [PATCH] add --- src/components/blogs/HomePage.vue | 30 ++++++++++++++---------------- 1 file changed, 14 insertions(+), 16 deletions(-) diff --git a/src/components/blogs/HomePage.vue b/src/components/blogs/HomePage.vue index 471ed24..3818bba 100644 --- a/src/components/blogs/HomePage.vue +++ b/src/components/blogs/HomePage.vue @@ -430,14 +430,6 @@ const statistics = reactive([ // 日历热力图 const heat = ref(null); const newData = []; -// 初始化60天的数据 -const data = generateDates(60); -// 重新排列数据 -for (let i = 0; i < 60; i += 15) { - // 取出每个15天的数据,并反转顺序 - const chunk = data.slice(i, i + 15).reverse(); - newData.push(...chunk); -} function generateDates(numDays: number) { const dates = []; @@ -451,14 +443,20 @@ function generateDates(numDays: number) { } return dates; } +// 初始化60天的数据 +const data = generateDates(60); +// 重新排列数据 +for (let i = 0; i < 60; i += 15) { + // 取出每个15天的数据,并反转顺序 + const chunk = data.slice(i, i + 15).reverse(); + newData.push(...chunk); +} const rawData = ref([]); -console.log(`output->newData`,newData) - -const formattedData = newData.map(( item:any,index: number) => { - return [index % 15, Math.floor(index / 15),item.writCount] +const formattedData = newData.map((item: any, index: number) => { + return [index % 15, Math.floor(index / 15), item.writCount] }); -console.log(`output->formattedData`,formattedData) + const heatMapData = { tooltip: { position: 'top', @@ -528,10 +526,10 @@ const heatMapData = { const statisticList = async () => { await get("/statistics/list").then(response => { rawData.value = response.data.data - rawData.value.forEach(newData => { - const item = data.find(d => d.date === newData.date); + rawData.value.forEach(newDataItem => { + const item = newData.find((d: any) => d.date === newDataItem.date); if (item) { - item.writCount = newData.writCount; + item.writCount = newDataItem.writCount; } }); })