plotly · archmoj · Feb 4, 2022 · Jan 21, 2022 · Jan 21, 2022 · Jan 24, 2022
diff --git a/src/components/colorbar/attributes.js b/src/components/colorbar/attributes.js
@@ -166,6 +166,7 @@ module.exports = overrideAll({
     ticklen: axesAttrs.ticklen,
     tickwidth: axesAttrs.tickwidth,
     tickcolor: axesAttrs.tickcolor,
+    ticklabeljump: axesAttrs.ticklabeljump,
     showticklabels: axesAttrs.showticklabels,
     tickfont: fontAttrs({
         description: 'Sets the color bar\'s tick label font'

diff --git a/src/components/colorbar/draw.js b/src/components/colorbar/draw.js
@@ -933,6 +933,7 @@ function mockColorBarAxis(gd, opts, zrange) {
         showticklabels: opts.showticklabels,
         ticklabelposition: opts.ticklabelposition,
         ticklabeloverflow: opts.ticklabeloverflow,
+        ticklabeljump: opts.ticklabeljump,
         tickfont: opts.tickfont,
         tickangle: opts.tickangle,
         tickformat: opts.tickformat,

diff --git a/src/plots/cartesian/axes.js b/src/plots/cartesian/axes.js
@@ -803,7 +803,8 @@ axes.calcTicks = function calcTicks(ax, opts) {
     var minRange = Math.min(rng[0], rng[1]);
     var maxRange = Math.max(rng[0], rng[1]);
 
-    var isDLog = (ax.type === 'log') && !(isNumeric(ax.dtick) || ax.dtick.charAt(0) === 'L');
+    var numDtick = isNumeric(ax.dtick);
+    var isDLog = (ax.type === 'log') && !(numDtick || ax.dtick.charAt(0) === 'L');
     var isPeriod = ax.ticklabelmode === 'period';
 
     // find the first tick
@@ -834,13 +835,25 @@ axes.calcTicks = function calcTicks(ax, opts) {
         x = axes.tickIncrement(x, ax.dtick, !axrev, ax.calendar);
     }
 
+    var ticklabeljump = ax.ticklabeljump;
+
     var maxTicks = Math.max(1000, ax._length || 0);
     var tickVals = [];
     var xPrevious = null;
+
+    var dTick = numDtick ? ax.dtick : ax._roughDTick;
+
+    var id = Math.round((
+        ax.r2l(x) -
+        ax.r2l(ax.tick0)
+    ) / dTick) - 1;
+
     for(;
         (axrev) ? (x >= endTick) : (x <= endTick);
         x = axes.tickIncrement(x, ax.dtick, axrev, ax.calendar)
     ) {
+        id++;
+
         if(ax.rangebreaks) {
             if(!axrev) {
                 if(x < startTick) continue;
@@ -858,10 +871,16 @@ axes.calcTicks = function calcTicks(ax, opts) {
             minor = true;
         }
 
-        tickVals.push({
+        var obj = {
             minor: minor,
             value: x
-        });
+        };
+
+        if(ticklabeljump && (id % (ticklabeljump + 1))) {
+            obj.jumpLabel = true;
+        }
+
+        tickVals.push(obj);
     }
 
     if(isPeriod) positionPeriodTicks(tickVals, ax, ax._definedDelta);
@@ -927,6 +946,10 @@ axes.calcTicks = function calcTicks(ax, opts) {
             _minor // noSuffixPrefix
         );
 
+        if(tickVals[i].jumpLabel) {
+            t.jumpLabel = true;
+        }
+
         p = tickVals[i].periodX;
         if(p !== undefined) {
             t.periodX = p;
@@ -2966,7 +2989,10 @@ axes.drawLabels = function(gd, ax, opts) {
     var axId = ax._id;
     var axLetter = axId.charAt(0);
     var cls = opts.cls || axId + 'tick';
-    var vals = opts.vals;
+
+    var vals = ax.ticklabeljump ?
+        opts.vals.filter(function(d) { return !d.jumpLabel; }) :
+        opts.vals;
 
     var labelFns = opts.labelFns;
     var tickAngle = opts.secondary ? 0 : ax.tickangle;

diff --git a/src/plots/cartesian/layout_attributes.js b/src/plots/cartesian/layout_attributes.js
@@ -412,6 +412,16 @@ module.exports = {
             'To set ticks every 4 years, set `dtick` to *M48*'
         ].join(' ')
     },
+    ticklabeljump: {
+        valType: 'integer',
+        min: 0,
+        dflt: 0,
+        editType: 'ticks',
+        description: [
+            'Sets the step between ticklabels.',
+            'Could be used to hide labels between every n-th ticks.'
+        ].join(' ')
+    },
     tickvals: {
         valType: 'data_array',
         editType: 'ticks',

diff --git a/src/plots/cartesian/tick_label_defaults.js b/src/plots/cartesian/tick_label_defaults.js
@@ -28,6 +28,8 @@ module.exports = function handleTickLabelDefaults(containerIn, containerOut, coe
             color: dfltFontColor
         });
 
+        if(!options.noTicklabeljump) coerce('ticklabeljump');
+
         if(!options.noAng) coerce('tickangle');
 
         if(axType !== 'category') {

diff --git a/src/plots/gl3d/layout/axis_defaults.js b/src/plots/gl3d/layout/axis_defaults.js
@@ -43,6 +43,7 @@ module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, options) {
                 showGrid: true,
                 noTickson: true,
                 noTicklabelmode: true,
+                noTicklabeljump: true,
                 noTicklabelposition: true,
                 noTicklabeloverflow: true,
                 bgColor: options.bgColor,

diff --git a/src/plots/polar/layout_attributes.js b/src/plots/polar/layout_attributes.js
@@ -32,6 +32,7 @@ var axisTickAttrs = overrideAll({
     ticklen: axesAttrs.ticklen,
     tickwidth: axesAttrs.tickwidth,
     tickcolor: axesAttrs.tickcolor,
+    ticklabeljump: axesAttrs.ticklabeljump,
     showticklabels: axesAttrs.showticklabels,
     showtickprefix: axesAttrs.showtickprefix,
     tickprefix: axesAttrs.tickprefix,

diff --git a/src/plots/smith/layout_defaults.js b/src/plots/smith/layout_defaults.js
@@ -83,6 +83,7 @@ function handleDefaults(contIn, contOut, coerce, opts) {
             }
 
             handleTickLabelDefaults(axIn, axOut, coerceAxis, axOut.type, {
+                noTicklabeljump: true,
                 noAng: !isRealAxis,
                 noExp: true,
                 font: {

diff --git a/src/plots/ternary/layout_attributes.js b/src/plots/ternary/layout_attributes.js
@@ -25,6 +25,7 @@ var ternaryAxesAttrs = {
     ticklen: axesAttrs.ticklen,
     tickwidth: axesAttrs.tickwidth,
     tickcolor: axesAttrs.tickcolor,
+    ticklabeljump: axesAttrs.ticklabeljump,
     showticklabels: axesAttrs.showticklabels,
     showtickprefix: axesAttrs.showtickprefix,
     tickprefix: axesAttrs.tickprefix,

diff --git a/src/traces/carpet/ab_defaults.js b/src/traces/carpet/ab_defaults.js
@@ -30,6 +30,7 @@ function mimickAxisDefaults(traceIn, traceOut, fullLayout, dfltColor) {
         var axOut = Template.newContainer(traceOut, axName);
 
         var defaultOptions = {
+            noTicklabeljump: true,
             tickfont: 'x',
             id: axLetter + 'axis',
             letter: axLetter,

diff --git a/src/traces/indicator/attributes.js b/src/traces/indicator/attributes.js
@@ -301,6 +301,7 @@ module.exports = {
             ticklen: axesAttrs.ticklen,
             tickwidth: axesAttrs.tickwidth,
             tickcolor: axesAttrs.tickcolor,
+            ticklabeljump: axesAttrs.ticklabeljump,
             showticklabels: axesAttrs.showticklabels,
             tickfont: fontAttrs({
                 description: 'Sets the color bar\'s tick label font'

diff --git a/test/image/baselines/h-colorbar05.png b/test/image/baselines/h-colorbar05.png
diff --git a/test/image/baselines/indicator_attrs.png b/test/image/baselines/indicator_attrs.png
diff --git a/test/image/baselines/period_positioning7.png b/test/image/baselines/period_positioning7.png
diff --git a/test/image/baselines/polar_ticks.png b/test/image/baselines/polar_ticks.png
diff --git a/test/image/baselines/ternary_array_styles.png b/test/image/baselines/ternary_array_styles.png
diff --git a/test/image/mocks/h-colorbar05.json b/test/image/mocks/h-colorbar05.json
@@ -19,6 +19,7 @@
           "len": 0.5,
           "ticks": "inside",
           "dtick": 20,
+          "ticklabeljump": 1,
           "ticklabelposition": "inside right",
           "ticklen": 5,
           "bgcolor": "rgba(255,255,0,0.5)",
@@ -46,6 +47,7 @@
       }
     },
     "xaxis": {
+        "ticklabeljump": 1,
         "side": "top"
     }
   }

diff --git a/test/image/mocks/indicator_attrs.json b/test/image/mocks/indicator_attrs.json
@@ -108,6 +108,7 @@
                     "tickwidth": 5,
                     "tickcolor": "blue",
                     "showticklabels": true,
+                    "ticklabeljump": 1,
                     "tickfont": {
                         "family": "Arial",
                         "size": 16,

diff --git a/test/image/mocks/period_positioning7.json b/test/image/mocks/period_positioning7.json
@@ -381,6 +381,7 @@
             "dtick": 604800000,
             "tickformat": "%W",
             "ticklabelmode": "period",
+            "ticklabeljump": 3,
             "tickcolor": "black"
         }
     }

diff --git a/test/image/mocks/polar_ticks.json b/test/image/mocks/polar_ticks.json
@@ -1854,6 +1854,7 @@
       },
       "radialaxis": {},
       "angularaxis": {
+        "ticklabeljump": 2,
         "dtick": 10,
         "tickfont": {
           "size": 10,

diff --git a/test/image/mocks/ternary_array_styles.json b/test/image/mocks/ternary_array_styles.json
@@ -111,12 +111,16 @@
     "layout": {
         "ternary": {
             "aaxis": {
+                "ticklabeljump": 3,
+                "dtick": 0.05,
                 "showline": true,
                 "ticks": "inside",
                 "showgrid": true,
                 "color": "#ccc"
             },
             "baxis": {
+                "ticklabeljump": 1,
+                "dtick": 0.1,
                 "showline": true,
                 "ticks": "inside",
                 "showgrid": true,
@@ -132,6 +136,9 @@
         },
         "height": 450,
         "width": 700,
+        "legend": {
+            "orientation": "h"
+        },
         "autosize": false
     }
 }