From 44537e67f7f3a2f610b48463d3e74fa5ef688596 Mon Sep 17 00:00:00 2001
From: Andrey Dolgolev <andrey@simiotics.com>
Date: Mon, 15 Nov 2021 23:01:55 +0200
Subject: [PATCH] Add axis.

---
 frontend/src/components/Report.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Report.js b/frontend/src/components/Report.js
index a7939f45..ec7d9df8 100644
--- a/frontend/src/components/Report.js
+++ b/frontend/src/components/Report.js
@@ -32,6 +32,7 @@ const Report = ({ data, metric }) => {
     <ResponsiveLineCanvas
       {...commonProperties}
       data={plotData}
+      margin={{ top: 50, right: 110, bottom: 70, left: 60 }}
       isInteractive={true}
       xScale={{
         type: "time",
@@ -42,21 +43,27 @@ const Report = ({ data, metric }) => {
       xFormat="time:%Y-%m-%d %H"
       yScale={{
         type: "linear",
+        max: "auto",
+        min: 0,
       }}
       axisLeft={{
         orient: "left",
         tickSize: 5,
         tickPadding: 5,
         tickRotation: 0,
-        legendOffset: -40,
+        legendOffset: -45,
         legendPosition: "middle",
+        legend: "count",
       }}
       axisBottom={{
-        format: "%b %d",
-        tickValues: "every 7 day",
-        tickRotation: 90,
+        format: "%Y-%m-%d",
+        tickValues: "every 1 day",
+        legend: "time",
+        tickRotation: 0,
+        legendOffset: 35,
+        legendPosition: "middle",
       }}
-      curve="linear"
+      curve={"basis"}
       enableArea={true}
       enablePointLabel={false}
       pointSize={0}