From 361bf0fd2a92c3f291717a1e5250c6ce6455e404 Mon Sep 17 00:00:00 2001 From: Giulio De Pasquale 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%'}} /> ) }