add plot cursor sync to nodelist rows

This commit is contained in:
Christoph Kluge
2025-11-12 16:44:49 +01:00
parent fb278182d3
commit f56783a439
3 changed files with 26 additions and 6 deletions

View File

@@ -13,6 +13,7 @@
gql,
getContextClient,
} from "@urql/svelte";
import uPlot from "uplot";
import { Card, CardBody, Spinner } from "@sveltestrap/sveltestrap";
import { maxScope, checkMetricDisabled, scramble, scrambleNames } from "../../generic/utils.js";
import MetricPlot from "../../generic/plots/MetricPlot.svelte";
@@ -25,6 +26,9 @@
selectedMetrics,
} = $props();
/* Var Init*/
let plotSync = uPlot.sync(`nodeMetricStack-${nodeData.host}`);
/* Const Init */
const client = getContextClient();
const paging = { itemsPerPage: 50, page: 1 };
@@ -159,6 +163,7 @@
statisticsSeries={metricData.data?.metric.statisticsSeries}
useStatsSeries={!!metricData.data?.metric.statisticsSeries}
height={175}
{plotSync}
forNode
/>
<div class="my-2"></div>
@@ -172,6 +177,7 @@
series={metricData.data.metric.series}
height={175}
{extendedLegendData}
{plotSync}
forNode
/>
{/key}