|
|
@ -430,14 +430,6 @@ const statistics = reactive([ |
|
|
|
// 日历热力图 |
|
|
|
const heat = ref(null); |
|
|
|
const newData = <any>[]; |
|
|
|
// 初始化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<any[]>([]); |
|
|
|
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; |
|
|
|
} |
|
|
|
}); |
|
|
|
}) |
|
|
|