From 353bdc5989276a010d89ea9142633c6c257b4e82 Mon Sep 17 00:00:00 2001 From: amtoaer Date: Mon, 4 Sep 2023 23:05:16 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=86=85=E5=AD=98=E5=8D=A0=E7=94=A8?= =?UTF-8?q?=E5=9B=BE=E4=BD=BF=E7=94=A8=E7=99=BE=E5=88=86=E6=AF=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/dashboard/AnalyticsMemory.vue | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/views/dashboard/AnalyticsMemory.vue b/src/views/dashboard/AnalyticsMemory.vue index a48ff4c6..49a3ef0b 100644 --- a/src/views/dashboard/AnalyticsMemory.vue +++ b/src/views/dashboard/AnalyticsMemory.vue @@ -20,8 +20,10 @@ const series = ref([ }, ]) -// 当前值 -const current = ref(0) +// 占用的内存 +const usedMemory = ref(0) +// 内存使用百分比 +const memoryUsage = ref(0) const chartOptions = controlledComputed(() => vuetifyTheme.name.value, () => { return { @@ -80,6 +82,7 @@ const chartOptions = controlledComputed(() => vuetifyTheme.name.value, () => { }, yaxis: { labels: { show: false }, + max: 100, }, } }) @@ -88,9 +91,8 @@ const chartOptions = controlledComputed(() => vuetifyTheme.name.value, () => { async function getMemorgUsage() { try { // 请求数据 - current.value = await api.get('dashboard/memory') ?? 0 - // 添加到序列 - series.value[0].data.push(current.value / 1024 / 1024 / 1024) + [usedMemory.value, memoryUsage.value] = await api.get('dashboard/memory') + series.value[0].data.push(memoryUsage.value) // 序列超过30条记录时,清掉前面的 if (series.value[0].data.length > 30) series.value[0].data.shift() @@ -131,7 +133,7 @@ onUnmounted(() => { />

- 当前:{{ formatBytes(current) }} + 当前:{{ formatBytes(usedMemory) }}