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; } }); })