root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: init chart

Browse Source
This commit is contained in:
hamster1963 2024-10-20 00:36:30 +08:00
parent 46958194a4
commit a8358e04e4
1 changed files with 40 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
app/[locale]/(main)/ClientComponents/ServerDetailChartClient.tsx
View File

@ -104,7 +104,10 @@ function CpuChart({ data }: { data: NezhaAPISafe }) {
const timestamp = Date.now().toString(); const timestamp = Date.now().toString();
let newData = [] as cpuChartData[]; let newData = [] as cpuChartData[];
if (cpuChartData.length === 0) { if (cpuChartData.length === 0) {
newData = [{ timeStamp: timestamp, cpu: cpu }, { timeStamp: timestamp, cpu: cpu }]; newData = [
{ timeStamp: timestamp, cpu: cpu },
{ timeStamp: timestamp, cpu: cpu },
];
} else { } else {
newData = [...cpuChartData, { timeStamp: timestamp, cpu: cpu }]; newData = [...cpuChartData, { timeStamp: timestamp, cpu: cpu }];
} }
@ -201,9 +204,15 @@ function ProcessChart({ data }: { data: NezhaAPISafe }) {
const timestamp = Date.now().toString(); const timestamp = Date.now().toString();
let newData = [] as processChartData[]; let newData = [] as processChartData[];
if (processChartData.length === 0) { if (processChartData.length === 0) {
newData = [{ timeStamp: timestamp, process: process }, { timeStamp: timestamp, process: process }]; newData = [
{ timeStamp: timestamp, process: process },
{ timeStamp: timestamp, process: process },
];
} else { } else {
newData = [...processChartData, { timeStamp: timestamp, process: process }]; newData = [
...processChartData,
{ timeStamp: timestamp, process: process },
];
} }
if (newData.length > 30) { if (newData.length > 30) {
newData.shift(); newData.shift();
@ -285,9 +294,15 @@ function MemChart({ data }: { data: NezhaAPISafe }) {
const timestamp = Date.now().toString(); const timestamp = Date.now().toString();
let newData = [] as memChartData[]; let newData = [] as memChartData[];
if (memChartData.length === 0) { if (memChartData.length === 0) {
newData = [{ timeStamp: timestamp, mem: mem, swap: swap }, { timeStamp: timestamp, mem: mem, swap: swap }]; newData = [
{ timeStamp: timestamp, mem: mem, swap: swap },
{ timeStamp: timestamp, mem: mem, swap: swap },
];
} else { } else {
newData = [...memChartData, { timeStamp: timestamp, mem: mem, swap: swap }]; newData = [
...memChartData,
{ timeStamp: timestamp, mem: mem, swap: swap },
];
} }
if (newData.length > 30) { if (newData.length > 30) {
newData.shift(); newData.shift();
@ -406,7 +421,10 @@ function DiskChart({ data }: { data: NezhaAPISafe }) {
const timestamp = Date.now().toString(); const timestamp = Date.now().toString();
let newData = [] as diskChartData[]; let newData = [] as diskChartData[];
if (diskChartData.length === 0) { if (diskChartData.length === 0) {
newData = [{ timeStamp: timestamp, disk: disk }, { timeStamp: timestamp, disk: disk }]; newData = [
{ timeStamp: timestamp, disk: disk },
{ timeStamp: timestamp, disk: disk },
];
} else { } else {
newData = [...diskChartData, { timeStamp: timestamp, disk: disk }]; newData = [...diskChartData, { timeStamp: timestamp, disk: disk }];
} }
@ -503,9 +521,15 @@ function NetworkChart({ data }: { data: NezhaAPISafe }) {
const timestamp = Date.now().toString(); const timestamp = Date.now().toString();
let newData = [] as networkChartData[]; let newData = [] as networkChartData[];
if (networkChartData.length === 0) { if (networkChartData.length === 0) {
newData = [{ timeStamp: timestamp, upload: up, download: down }, { timeStamp: timestamp, upload: up, download: down }]; newData = [
{ timeStamp: timestamp, upload: up, download: down },
{ timeStamp: timestamp, upload: up, download: down },
];
} else { } else {
newData = [...networkChartData, { timeStamp: timestamp, upload: up, download: down }]; newData = [
...networkChartData,
{ timeStamp: timestamp, upload: up, download: down },
];
} }
if (newData.length > 30) { if (newData.length > 30) {
newData.shift(); newData.shift();
@ -623,9 +647,15 @@ function ConnectChart({ data }: { data: NezhaAPISafe }) {
const timestamp = Date.now().toString(); const timestamp = Date.now().toString();
let newData = [] as connectChartData[]; let newData = [] as connectChartData[];
if (connectChartData.length === 0) { if (connectChartData.length === 0) {
newData = [{ timeStamp: timestamp, tcp: tcp, udp: udp }, { timeStamp: timestamp, tcp: tcp, udp: udp }]; newData = [
{ timeStamp: timestamp, tcp: tcp, udp: udp },
{ timeStamp: timestamp, tcp: tcp, udp: udp },
];
} else { } else {
newData = [...connectChartData, { timeStamp: timestamp, tcp: tcp, udp: udp }]; newData = [
...connectChartData,
{ timeStamp: timestamp, tcp: tcp, udp: udp },
];
} }
if (newData.length > 30) { if (newData.length > 30) {
newData.shift(); newData.shift();