From 3eec14d314311100b9969314f33934ac520af67e Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Wed, 28 Feb 2018 12:29:35 +0100
Subject: [PATCH] not fill at borders

---
 History.js | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/History.js b/History.js
index 1fa7fb78c..e80160e8a 100644
--- a/History.js
+++ b/History.js
@@ -215,6 +215,8 @@
             let radius2 = radius1 + record.movedPositions * radiusFactor;
             let radius3 = radius2 + record.newTrades * radiusFactor;
 
+            browserCanvasContext.lineWidth = 1;
+
             /* Outer Circle */
 
             browserCanvasContext.beginPath();
@@ -234,7 +236,11 @@
             browserCanvasContext.arc(point.x, point.y, radius3, 0, Math.PI * 2, true);
 
             browserCanvasContext.closePath();
-            browserCanvasContext.fill();
+
+            if (point.x < viewPort.visibleArea.topLeft.x + 50 || point.x > viewPort.visibleArea.bottomRight.x - 50) {/*we leave this history without fill. */ } else {
+                browserCanvasContext.fill();
+            }
+            browserCanvasContext.stroke();
 
             /* Middle Circle */
 
@@ -255,7 +261,11 @@
             browserCanvasContext.arc(point.x, point.y, radius2, 0, Math.PI * 2, true);
 
             browserCanvasContext.closePath();
-            browserCanvasContext.fill();
+
+            if (point.x < viewPort.visibleArea.topLeft.x + 50 || point.x > viewPort.visibleArea.bottomRight.x - 50) {/*we leave this history without fill. */ } else {
+                browserCanvasContext.fill();
+            }
+            browserCanvasContext.stroke();
 
             /* Inner Circle */
 
@@ -276,25 +286,13 @@
             browserCanvasContext.arc(point.x, point.y, radius1, 0, Math.PI * 2, true);
 
             browserCanvasContext.closePath();
-            browserCanvasContext.fill();
 
-
-            if (
-                point.x < viewPort.visibleArea.topLeft.x + 50
-                ||
-                point.x > viewPort.visibleArea.bottomRight.x - 50
-            ) {
-                // we leave this history without fill.
-            } else {
+            if (point.x < viewPort.visibleArea.topLeft.x + 50 || point.x > viewPort.visibleArea.bottomRight.x - 50) {/*we leave this history without fill. */ } else {
                 browserCanvasContext.fill();
             }
-
-            browserCanvasContext.lineWidth = 1;
             browserCanvasContext.stroke();
 
-
         }
-
     }
 
     function onLayerStatusChanged(eventData) {