From 361bf0fd2a92c3f291717a1e5250c6ce6455e404 Mon Sep 17 00:00:00 2001
From: Giulio De Pasquale <depasquale@giugl.io>
Date: Fri, 18 Dec 2020 18:59:43 +0000
Subject: [PATCH] removed limit of 500 elements, fixed margins

---
 websrc/components/RPlot.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/websrc/components/RPlot.tsx b/websrc/components/RPlot.tsx
index db480f8..65341d5 100644
--- a/websrc/components/RPlot.tsx
+++ b/websrc/components/RPlot.tsx
@@ -55,13 +55,6 @@ class RPlot extends Component<{}, PlotState> {
         })
 
         socket.on("new_tick", (data: NewTickMessage) => {
-            const new_x = [...this.state.x, data.tick];
-            const new_y = [...this.state.y, data.price];
-
-            // cutting to up to 500 entries (last 500)
-            const x = new_x.slice(Math.max(new_x.length - 500, 0));
-            const y = new_y.slice(Math.max(new_y.length - 500, 0));
-
             const position_price_lines = data.positions.map((pstat): PriceLine => {
                 return {
                     x0: 0,
@@ -117,10 +110,10 @@ class RPlot extends Component<{}, PlotState> {
                 ]}
                 layout={{
                     margin: {
-                        l: 50,
-                        r: 50,
-                        b: 50,
-                        t: 50,
+                        l: 110,
+                        r: 20,
+                        b: 100,
+                        t: 20,
                         pad: 4
                     },
                     dragmode: "pan",
@@ -165,7 +158,7 @@ class RPlot extends Component<{}, PlotState> {
                     displayModeBar: false,
                     responsive: true,
                 }}
-                style={{width: '100%', height: '90%'}}
+                style={{width: '100%', height: '100%'}}
             />
         )
     }