administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-11 05:35:25 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Show metrics correctly when hovering graph

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-14 09:38:29 -06:00
parent 34d7125e68
commit 5cc05ee859
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -92,6 +92,9 @@ export function ThresholdBarGraph({
},
tooltip: {
theme: systemTheme || theme,
y: {
formatter: (val) => `${val}${unit}`,
},
},
markers: {
size: 0,
@ -118,7 +121,7 @@ export function ThresholdBarGraph({
min: 0,
},
} as ApexCharts.ApexOptions;
}, [graphId, threshold, systemTheme, theme, formatTime]);
}, [graphId, threshold, unit, systemTheme, theme, formatTime]);
useEffect(() => {
ApexCharts.exec(graphId, "updateOptions", options, true, true);

8
web/src/views/system/GeneralMetrics.tsx
View File

@ -182,7 +182,7 @@ export default function GeneralMetrics({
series[key] = { name: key, data: [] };
}
series[key].data.push({ x: statsIdx + 1, y: stats.gpu });
series[key].data.push({ x: statsIdx + 1, y: stats.gpu.slice(0, -1) });
});
});
return Object.keys(series).length > 0 ? Object.values(series) : [];
@ -215,7 +215,7 @@ export default function GeneralMetrics({
series[key] = { name: key, data: [] };
}
series[key].data.push({ x: statsIdx + 1, y: stats.mem });
series[key].data.push({ x: statsIdx + 1, y: stats.mem.slice(0, -1) });
});
});
return Object.values(series);
@ -373,7 +373,7 @@ export default function GeneralMetrics({
key={series.name}
graphId={`${series.name}-gpu`}
name={series.name}
unit=""
unit="%"
threshold={GPUUsageThreshold}
updateTimes={updateTimes}
data={[series]}
@ -392,7 +392,7 @@ export default function GeneralMetrics({
<ThresholdBarGraph
key={series.name}
graphId={`${series.name}-mem`}
unit=""
unit="%"
name={series.name}
threshold={GPUMemThreshold}
updateTimes={updateTimes}