hide label when falls outside the range

Author: archmoj

src/plots/cartesian/axes.js

@@ -682,8 +682,11 @@ axes.calcTicks = function calcTicks(ax, opts) {
     ax._inCalcTicks = true;
 
     var isPeriod = ax.ticklabelmode === 'period';
-    var definedDelta;
+    var minRange, maxRange, definedDelta;
     if(isPeriod && ax.tickformat) {
+        minRange = Math.min(rng[0], rng[1]);
+        maxRange = Math.max(rng[0], rng[1]);
+
         var _has = function(str) {
             return ax.tickformat.indexOf(str) !== -1;
         };
@@ -743,6 +746,10 @@ axes.calcTicks = function calcTicks(ax, opts) {
             }
 
             ticksOut[i].periodX = v;
+
+            if(v > maxRange || v < minRange) { // hide label if outside the range
+                ticksOut[i].text = '';
+            }
         }
     }