Add aggregate statistics

This commit is contained in:
2026-01-20 14:19:44 +01:00
parent 00d317d645
commit 6b7d6d81bb
3 changed files with 90 additions and 39 deletions

View File

@@ -3,6 +3,7 @@ import { onMount } from "svelte";
import HostMetricsGraph from "./HostMetricsGraph.svelte";
import { load_host_names } from "./HostMetricsLib";
import Expandable from "util/Expandable.svelte";
import ToggleButton from "layout/ToggleButton.svelte";
const groups: {
title: string,
@@ -71,6 +72,7 @@ const groups: {
let dataWindow: number = $state(60)
let dataInterval: number = $state(1)
let showAggregate: boolean = $state(false)
const setWindow = (window: number, interval: number) => {
dataWindow = window
@@ -96,6 +98,8 @@ onMount(async () => {
<button onclick={() => setWindow(525600, 1440)}>Year 1d</button>
<button onclick={() => setWindow(1051200, 1440)}>Two Years 1d</button>
<button onclick={() => setWindow(2628000, 1440)}>Five Years 1d</button>
<br/>
<ToggleButton bind:on={showAggregate}>Aggregate</ToggleButton>
</div>
{#each groups as group (group.title)}
@@ -111,6 +115,7 @@ onMount(async () => {
interval={dataInterval}
metric={graph.metric}
data_type={graph.data_type}
aggregate={showAggregate}
/>
{/each}
</div>