Bug Fixed, wired overlapping

ChartsSpace/TimeMachine.js

@@ -408,6 +408,15 @@ function newTimeMachine () {
     }
   }
 
+  function drawBackground () {
+    if (thisObject.container.frame.isInViewPort()) {
+      for (let i = 0; i < thisObject.timelineCharts.length; i++) {
+        let timelineChart = thisObject.timelineCharts[i]
+        timelineChart.drawBackground()
+      }
+    }
+  }
+
   function draw () {
     if (thisObject.container.frame.isInViewPort()) {
       for (let i = 0; i < thisObject.timelineCharts.length; i++) {
@@ -423,15 +432,6 @@ function newTimeMachine () {
     }
   }
 
-  function drawBackground () {
-    if (thisObject.container.frame.isInViewPort()) {
-      for (let i = 0; i < thisObject.timelineCharts.length; i++) {
-        let timelineChart = thisObject.timelineCharts[i]
-        timelineChart.drawBackground()
-      }
-    }
-  }
-
   function drawForeground () {
     if (thisObject.container.frame.isInViewPort()) {
       for (let i = 0; i < thisObject.timelineCharts.length; i++) {

ChartsSpace/TimelineChart.js

@@ -359,13 +359,6 @@ function newTimelineChart () {
     }
   }
 
-  function draw () {
-    if (thisObject.container.frame.isInViewPort()) {
-      if (thisObject.timeFrameScale !== undefined) { thisObject.timeFrameScale.draw() }
-      if (thisObject.rateScale !== undefined) { thisObject.rateScale.draw() }
-    }
-  }
-
   function drawBackground () {
     if (thisObject.container.frame.isInViewPort()) {
       if (window.CHART_ON_FOCUS === '') {
@@ -376,6 +369,13 @@ function newTimelineChart () {
     }
   }
 
+  function draw () {
+    if (thisObject.container.frame.isInViewPort()) {
+      if (thisObject.timeFrameScale !== undefined) { thisObject.timeFrameScale.draw() }
+      if (thisObject.rateScale !== undefined) { thisObject.rateScale.draw() }
+    }
+  }
+
   function drawForeground () {
     if (thisObject.container.frame.isInViewPort()) {
       if (thisObject.timeFrameScale !== undefined) { thisObject.timeFrameScale.drawForeground() }

Scales/Commons.js

@@ -5,7 +5,7 @@ function drawScaleDisplay (label1, label2, label3, xExtraOffSet1, xExtraOffSet2,
   let fontSize3 = 10
 
   const RED_LINE_HIGHT = 4
-  const OPACITY = 0.75
+  const OPACITY = 1
 
   let params = {
     cornerRadius: 15,

Spaces/ChartSpace.js

@@ -286,6 +286,15 @@ function newChartSpace () {
     }
   }
 
+  function drawBackground () {
+    drawSpaceBackground()
+
+    for (let i = 0; i < thisObject.timeMachines.length; i++) {
+      let timeMachine = thisObject.timeMachines[thisObject.timeMachines.length - i - 1]
+      timeMachine.drawBackground()
+    }
+  }
+
   function draw () {
     if (thisObject.visible !== true) { return }
     drawBackground()
@@ -298,15 +307,6 @@ function newChartSpace () {
     drawForeground()
   }
 
-  function drawBackground () {
-    drawSpaceBackground()
-
-    for (let i = 0; i < thisObject.timeMachines.length; i++) {
-      let timeMachine = thisObject.timeMachines[thisObject.timeMachines.length - i - 1]
-      timeMachine.drawBackground()
-    }
-  }
-
   function drawForeground () {
     for (let i = 0; i < thisObject.timeMachines.length; i++) {
       let timeMachine = thisObject.timeMachines[thisObject.timeMachines.length - i - 1]