From 5020d7c293beb08699897e003525059396c16424 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 15:40:57 +0200
Subject: Indicate current tick within chart

---
 src/components/sidebars/elements/LoadChartComponent.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'src/components')

diff --git a/src/components/sidebars/elements/LoadChartComponent.js b/src/components/sidebars/elements/LoadChartComponent.js
index 54a20116..8f0ee6d7 100644
--- a/src/components/sidebars/elements/LoadChartComponent.js
+++ b/src/components/sidebars/elements/LoadChartComponent.js
@@ -1,7 +1,7 @@
 import React from "react";
 import {VictoryChart, VictoryLine, VictoryScatter} from "victory";
 
-const LoadChartComponent = ({data, tick}) => (
+const LoadChartComponent = ({data, currentTick}) => (
     <VictoryChart height={300}>
         <VictoryLine
             data={data}
@@ -10,6 +10,15 @@ const LoadChartComponent = ({data, tick}) => (
             data={data}
             size={5}
         />
+        <VictoryLine
+            data={[
+                {x: currentTick, y: 0},
+                {x: currentTick, y: 1},
+            ]}
+            style={{
+                data: {stroke: "#00A6D6", strokeWidth: 3}
+            }}
+        />
     </VictoryChart>
 );
 
-- 
cgit v1.2.3