Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

Standardize bar graph y axis (#13772)

Browse Source 
* Standardize bar graph y axis

* Fix lint
This commit is contained in:
Nicolas Mowen 2024-09-16 18:18:32 -06:00 committed by GitHub
parent 36d7eb7caa
commit 6bf2708c0e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/graph/SystemGraph.tsx
View File

@ -32,6 +32,16 @@ export function ThresholdBarGraph({
[data], [data],
); );
const yMax = useMemo(() => {
if (unit != "%") {
return undefined;
}
// @ts-expect-error y is valid
const yValues: number[] = data[0].data.map((point) => point?.y);
return Math.max(threshold.warning, ...yValues);
}, [data, threshold, unit]);
const { theme, systemTheme } = useTheme(); const { theme, systemTheme } = useTheme();
const formatTime = useCallback( const formatTime = useCallback(
@ -130,9 +140,10 @@ export function ThresholdBarGraph({
formatter: (val: number) => Math.ceil(val).toString(), formatter: (val: number) => Math.ceil(val).toString(),
}, },
min: 0, min: 0,
max: yMax,
}, },
} as ApexCharts.ApexOptions; } as ApexCharts.ApexOptions;
}, [graphId, threshold, unit, systemTheme, theme, formatTime]); }, [graphId, threshold, unit, yMax, systemTheme, theme, formatTime]);
useEffect(() => { useEffect(() => {
ApexCharts.exec(graphId, "updateOptions", options, true, true); ApexCharts.exec(graphId, "updateOptions", options, true, true);