mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-03-05 20:59:13 -08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Add graph legend series toggling instructions again (#16164)

Browse source 
Addresses part of https://github.com/prometheus/prometheus/issues/16162

Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2025-03-05 10:17:15 +01:00 committed by GitHub
parent 350d591e3b
commit 631890b38e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
web/ui/mantine-ui/src/pages/query/UPlotChart.tsx
View file

@ -5,7 +5,7 @@ import { GraphDisplayMode } from "../../state/queryPageSlice";
import uPlot from "uplot"; import uPlot from "uplot";
import UplotReact from "uplot-react"; import UplotReact from "uplot-react";
import { useSettings } from "../../state/settingsSlice"; import { useSettings } from "../../state/settingsSlice";
import { useComputedColorScheme } from "@mantine/core"; import { useComputedColorScheme, Text } from "@mantine/core";
import "uplot/dist/uPlot.min.css"; import "uplot/dist/uPlot.min.css";
import "./uplot.css"; import "./uplot.css";
@ -88,11 +88,16 @@ const UPlotChart: FC<UPlotChartProps> = ({
} }
return ( return (
<UplotReact <>
options={options} <UplotReact
data={processedData} options={options}
className={classes.uplotChart} data={processedData}
/> className={classes.uplotChart}
/>
<Text fz="xs" c="dimmed" ml={40} mt={-25} mb="lg">
Click: hide single series, Ctrl+click: show single series
</Text>
</>
); );
}; };