From ff955c7ac8ab513ad47a72422089a02b6bd6837f Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Tue, 17 Nov 2020 22:54:57 -0800
Subject: [PATCH] Make graph less smooth. Hide empty value. Closes
 https://github.com/owncast/owncast/issues/379

---
 web/pages/components/chart.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/pages/components/chart.tsx b/web/pages/components/chart.tsx
index 37176df10..107698012 100644
--- a/web/pages/components/chart.tsx
+++ b/web/pages/components/chart.tsx
@@ -73,9 +73,9 @@ export default function Chart({ data, title, color, unit, dataCollections }: Cha
     });
   }
 
-  const line = data ? (
+  const line = data && data?.length > 0 ? (
     <Line
-    type="natural"
+    type="basis"
     dataKey="value"
     stroke={color}
     dot={null}
@@ -112,7 +112,7 @@ export default function Chart({ data, title, color, unit, dataCollections }: Cha
             data={s.data}
             name={s.name}
             key={s.name}
-            type="natural"
+            type="basis"
             stroke={s.color}
             dot={null}
             strokeWidth={3}