fix(ui): chart consistency

SpikeHD · Sep 26, 2023 · 8c52786 · 8c52786
1 parent 2f8bd01
commit 8c52786
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/frontend/src/components/QuickStats.tsx b/frontend/src/components/QuickStats.tsx
@@ -32,14 +32,14 @@ export function QuickStats(props: Props) {
         <div className="stat">
           <span className="stat-big">{bytesToReadable(memoryUse)}</span>
           <span className="stat-small">{
-            (memoryUse / props.sysinfo.mem_size * 100).toFixed(2)
+            ((memoryUse / props.sysinfo.mem_size * 100) || 0).toFixed(2)
           }% of total memory ({bytesToReadable(props.sysinfo.mem_size)})</span>
         </div>
 
         <div className="stat">
           <span className="stat-big">{bytesToReadable(swapUse)}</span>
           <span className="stat-small">{
-            (swapUse / props.sysinfo.swap_size * 100).toFixed(2)
+            ((swapUse / props.sysinfo.swap_size * 100) || 0).toFixed(2)
           }% of total swap ({bytesToReadable(props.sysinfo.swap_size)})</span>
         </div>
 

diff --git a/frontend/src/pages/Home/data.tsx b/frontend/src/pages/Home/data.tsx
@@ -51,6 +51,8 @@ export function DataHome(props: Props) {
               )}
               xLabel="Time"
               yLabel="Memory Usage (MB)"
+              max={sysinfo.mem_size / 1024 / 1024}
+              min={0}
               datasets={[
                 {
                   data: memoryData.map((v) => {
@@ -126,6 +128,7 @@ export function DataHome(props: Props) {
               )}
               xLabel="Time"
               yLabel="Network Usage (MB)"
+              min={0}
               datasets={Object.keys(networkData).map((network, i) => {
                 return {
                   data: networkData[network].map((v) => {