Improvement on scales

Globals.js

@@ -47,6 +47,7 @@ const ZOOM_OUT_THRESHOLD_FOR_CHANGING_TIME_FRAME = 5  // This help regulate when
 const ZOOM_OUT_THRESHOLD_FOR_PACKING_OBJECTS_AT_THE_BOTTOM_OR_TOP_OF_VIEWPORT = 2
 const ZOOM_OUT_THRESHOLD_FOR_PLOTTING_IN_LOW_RESOLUTION = 3  
 const ZOOM_OUT_THRESHOLD_FOR_DISPLAYING_TIME_MACHINES_ICONIZED = 5 
+const ZOOM_OUT_THRESHOLD_FOR_DISPLAYING_SCALES = 3 
 
 let FONT_ASPECT_RATIO = 0.32;
 

Scales/RateScale.js

@@ -370,6 +370,10 @@ function newRateScale () {
       thisObject.isVisible = false
       thisObject.payload.isVisible = false
     }
+
+    if (canvas.chartingSpace.viewport.zoomTargetLevel < ZOOM_OUT_THRESHOLD_FOR_DISPLAYING_SCALES) {
+      thisObject.isVisible = false
+    }
   }
 
   function draw () {

Scales/TimeFrameScale.js

@@ -212,6 +212,10 @@ function newTimeFrameScale () {
       thisObject.isVisible = false
       thisObject.payload.isVisible = false
     }
+
+    if (canvas.chartingSpace.viewport.zoomTargetLevel < ZOOM_OUT_THRESHOLD_FOR_DISPLAYING_SCALES) {
+      thisObject.isVisible = false
+    }
   }
 
   function onViewportZoomChanged (event) {

Scales/TimeScale.js

@@ -245,6 +245,10 @@ function newTimeScale () {
       thisObject.container.frame.position.x < upCorner.x) {
       thisObject.isVisible = false
     }
+
+    if (canvas.chartingSpace.viewport.zoomTargetLevel < ZOOM_OUT_THRESHOLD_FOR_DISPLAYING_SCALES) {
+      thisObject.isVisible = false
+    }
   }
 
   function draw () {