Darkages/SpotMicroESP32-Leika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

📈 Updates system metric charts

Browse Source
This commit is contained in:
Rune Harlyk
2024-08-02 18:29:36 +02:00
parent 0854061e36
commit 10c0e28ecd
2 changed files with 16 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/lib/stores/analytics.ts
+5
View File
@@ -5,6 +5,7 @@ let analytics_data = {
uptime: <number[]>[], uptime: <number[]>[],
free_heap: <number[]>[], free_heap: <number[]>[],
total_heap: <number[]>[], total_heap: <number[]>[],
used_heap: <number[]>[],
min_free_heap: <number[]>[], min_free_heap: <number[]>[],
max_alloc_heap: <number[]>[], max_alloc_heap: <number[]>[],
fs_used: <number[]>[], fs_used: <number[]>[],
@@ -30,6 +31,10 @@ function createAnalytics() {
total_heap: [...analytics_data.total_heap, content.total_heap / 1000].slice( total_heap: [...analytics_data.total_heap, content.total_heap / 1000].slice(
-maxAnalyticsData -maxAnalyticsData
), ),
used_heap: [
...analytics_data.used_heap,
(content.total_heap - content.free_heap) / 1000
].slice(-maxAnalyticsData),
min_free_heap: [...analytics_data.min_free_heap, content.min_free_heap / 1000].slice( min_free_heap: [...analytics_data.min_free_heap, content.min_free_heap / 1000].slice(
-maxAnalyticsData -maxAnalyticsData
), ),
app/src/routes/system/metrics/SystemMetrics.svelte
+11 -19
View File
@@ -69,7 +69,7 @@
}, },
elements: { elements: {
point: { point: {
radius: 1 radius: 0
} }
}, },
scales: { scales: {
@@ -111,19 +111,12 @@
labels: $analytics.uptime, labels: $analytics.uptime,
datasets: [ datasets: [
{ {
label: 'Free Heap', label: 'Used Heap',
borderColor: daisyColor('--p'), borderColor: daisyColor('--p'),
backgroundColor: daisyColor('--p', 50), backgroundColor: daisyColor('--p', 50),
borderWidth: 2, borderWidth: 2,
data: $analytics.free_heap, data: $analytics.used_heap,
yAxisID: 'y' fill:true,
},
{
label: 'Max Alloc Heap',
borderColor: daisyColor('--s'),
backgroundColor: daisyColor('--s', 50),
borderWidth: 2,
data: $analytics.max_alloc_heap,
yAxisID: 'y' yAxisID: 'y'
} }
] ]
@@ -142,7 +135,7 @@
}, },
elements: { elements: {
point: { point: {
radius: 1 radius: 0
} }
}, },
scales: { scales: {
@@ -189,6 +182,7 @@
backgroundColor: daisyColor('--p', 50), backgroundColor: daisyColor('--p', 50),
borderWidth: 2, borderWidth: 2,
data: $analytics.fs_used, data: $analytics.fs_used,
fill:true,
yAxisID: 'y' yAxisID: 'y'
} }
] ]
@@ -207,7 +201,7 @@
}, },
elements: { elements: {
point: { point: {
radius: 1 radius: 0
} }
}, },
scales: { scales: {
@@ -272,7 +266,7 @@
}, },
elements: { elements: {
point: { point: {
radius: 1 radius: 0
} }
}, },
scales: { scales: {
@@ -308,9 +302,7 @@
} }
} }
}); });
setInterval(() => { setInterval(updateData, 500);
updateData(), 2000;
});
}); });
function updateData() { function updateData() {
@@ -321,8 +313,8 @@
cpuChart.update('none'); cpuChart.update('none');
heapChart.data.labels = $analytics.uptime; heapChart.data.labels = $analytics.uptime;
heapChart.data.datasets[0].data = $analytics.free_heap; heapChart.data.datasets[0].data = $analytics.used_heap;
heapChart.data.datasets[1].data = $analytics.max_alloc_heap; heapChart.options.scales.y.max = Math.max($analytics.total_heap[0]);
heapChart.update('none'); heapChart.update('none');
filesystemChart.data.labels = $analytics.uptime; filesystemChart.data.labels = $analytics.uptime;