diff --git a/resources/scripts/components/server/console/StatGraphs.tsx b/resources/scripts/components/server/console/StatGraphs.tsx index a0049fef1..4c17efe13 100644 --- a/resources/scripts/components/server/console/StatGraphs.tsx +++ b/resources/scripts/components/server/console/StatGraphs.tsx @@ -16,7 +16,7 @@ export default () => { const limits = ServerContext.useStoreState((state) => state.server.data!.limits); const previous = useRef>({ tx: -1, rx: -1 }); - const cpu = useChartTickLabel('CPU', limits.cpu, '%'); + const cpu = useChartTickLabel('CPU', limits.cpu, '%', 2); const memory = useChartTickLabel('Memory', limits.memory, 'MB'); const network = useChart('Network', { sets: 2, @@ -56,8 +56,7 @@ export default () => { } catch (e) { return; } - - cpu.push(values.cpu_absolute.toFixed(2)); + cpu.push(values.cpu_absolute); memory.push(Math.floor(values.memory_bytes / 1024 / 1024)); network.push([ previous.current.tx < 0 ? 0 : Math.max(0, values.network.tx_bytes - previous.current.tx), diff --git a/resources/scripts/components/server/console/chart.ts b/resources/scripts/components/server/console/chart.ts index 84e1a5889..65f919aa1 100644 --- a/resources/scripts/components/server/console/chart.ts +++ b/resources/scripts/components/server/console/chart.ts @@ -139,7 +139,7 @@ function useChart(label: string, opts?: UseChartOptions) { return { props: { data, options }, push, clear }; } -function useChartTickLabel(label: string, max: number, tickLabel: string) { +function useChartTickLabel(label: string, max: number, tickLabel: string, roundTo?: number) { return useChart(label, { sets: 1, options: { @@ -148,7 +148,7 @@ function useChartTickLabel(label: string, max: number, tickLabel: string) { suggestedMax: max, ticks: { callback(value) { - return `${value}${tickLabel}`; + return `${roundTo ? Number(value).toFixed(roundTo) : value}${tickLabel}`; }, }, },