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

System metrics fix 1

Browse Source
This commit is contained in:
Niklas Jensen
2026-01-03 02:07:50 +01:00
committed by nikguin04
parent 381ff9463d
commit 62f5758ab0
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/routes/system/metrics/SystemMetrics.svelte
+16 -16
View File
@@ -24,14 +24,14 @@
heapChart = new Chart(heapChartElement, { heapChart = new Chart(heapChartElement, {
type: 'line', type: 'line',
data: { data: {
labels: $analytics.uptime, labels: $analytics.map(datapoint => datapoint.uptime),
datasets: [ datasets: [
{ {
label: 'Used Heap', label: 'Used Heap',
borderColor: daisyColor('--color-primary'), borderColor: daisyColor('--color-primary'),
backgroundColor: daisyColor('--color-primary', 50), backgroundColor: daisyColor('--color-primary', 50),
borderWidth: 2, borderWidth: 2,
data: $analytics.used_heap, data: $analytics.map(datapoint => datapoint.totalHeap - datapoint.freeHeap),
fill: true, fill: true,
yAxisID: 'y' yAxisID: 'y'
} }
@@ -77,7 +77,7 @@
}, },
position: 'left', position: 'left',
min: 0, min: 0,
max: Math.round($analytics.total_heap[0]), max: Math.round($analytics[0]?.totalHeap ?? 0),
grid: { color: daisyColor('--color-base-content', 10) }, grid: { color: daisyColor('--color-base-content', 10) },
ticks: { ticks: {
color: daisyColor('--color-base-content') color: daisyColor('--color-base-content')
@@ -90,14 +90,14 @@
filesystemChart = new Chart(filesystemChartElement, { filesystemChart = new Chart(filesystemChartElement, {
type: 'line', type: 'line',
data: { data: {
labels: $analytics.uptime, labels: $analytics.map(datapoint => datapoint.uptime),
datasets: [ datasets: [
{ {
label: 'File System Used', label: 'File System Used',
borderColor: daisyColor('--color-primary'), borderColor: daisyColor('--color-primary'),
backgroundColor: daisyColor('--color-primary', 50), backgroundColor: daisyColor('--color-primary', 50),
borderWidth: 2, borderWidth: 2,
data: $analytics.fs_used, data: $analytics.map(datapoint => datapoint.fsUsed),
fill: true, fill: true,
yAxisID: 'y' yAxisID: 'y'
} }
@@ -143,7 +143,7 @@
}, },
position: 'left', position: 'left',
min: 0, min: 0,
max: Math.round($analytics.fs_total[0]), max: Math.round($analytics[0]?.fsTotal ?? 0),
grid: { color: daisyColor('--color-base-content', 10) }, grid: { color: daisyColor('--color-base-content', 10) },
ticks: { ticks: {
color: daisyColor('--color-base-content') color: daisyColor('--color-base-content')
@@ -156,14 +156,14 @@
temperatureChart = new Chart(temperatureChartElement, { temperatureChart = new Chart(temperatureChartElement, {
type: 'line', type: 'line',
data: { data: {
labels: $analytics.uptime, labels: $analytics.map(datapoint => datapoint.uptime),
datasets: [ datasets: [
{ {
label: 'Core Temperature', label: 'Core Temperature',
borderColor: daisyColor('--color-primary'), borderColor: daisyColor('--color-primary'),
backgroundColor: daisyColor('--color-primary', 50), backgroundColor: daisyColor('--color-primary', 50),
borderWidth: 2, borderWidth: 2,
data: $analytics.core_temp, data: $analytics.map(datapoint => datapoint.coreTemp),
yAxisID: 'y' yAxisID: 'y'
} }
] ]
@@ -222,18 +222,18 @@
}) })
function updateData() { function updateData() {
heapChart.data.labels = $analytics.uptime heapChart.data.labels = $analytics.map(datapoint => datapoint.uptime)
heapChart.data.datasets[0].data = $analytics.used_heap heapChart.data.datasets[0].data = $analytics.map(datapoint => datapoint.totalHeap - datapoint.freeHeap)
heapChart.options.scales!.y!.max = Math.ceil($analytics.total_heap[0]) heapChart.options.scales!.y!.max = Math.ceil($analytics[0]?.totalHeap ?? 0)
heapChart.update('none') heapChart.update('none')
filesystemChart.data.labels = $analytics.uptime filesystemChart.data.labels = $analytics.map(datapoint => datapoint.uptime)
filesystemChart.data.datasets[0].data = $analytics.fs_used filesystemChart.data.datasets[0].data = $analytics.map(datapoint => datapoint.fsUsed)
heapChart.options.scales!.y!.max = Math.ceil($analytics.fs_total[0]) heapChart.options.scales!.y!.max = Math.ceil($analytics[0]?.fsTotal ?? 0)
filesystemChart.update('none') filesystemChart.update('none')
temperatureChart.data.labels = $analytics.uptime temperatureChart.data.labels = $analytics.map(datapoint => datapoint.uptime)
temperatureChart.data.datasets[0].data = $analytics.core_temp temperatureChart.data.datasets[0].data = $analytics.map(datapoint => datapoint.coreTemp)
temperatureChart.update('none') temperatureChart.update('none')
} }
</script> </script>