Fixes rounding when 0.001% or less on CPU usage. (pterodactyl#4207)

Author: FC-FailCoder

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<Record<'tx' | 'rx', number>>({ 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),

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}`;
                         },
                     },
                 },