implement ticklabeljump on cartesian axes & colorbars

Author: archmoj

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'

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,

src/plots/cartesian/axes.js

@@ -2966,7 +2966,11 @@ 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 jump = ax.ticklabeljump;
+    var vals = jump ?
+        opts.vals.filter(function(_, i) { return i % (jump + 1) === 0; }) :
+        opts.vals;
 
     var labelFns = opts.labelFns;
     var tickAngle = opts.secondary ? 0 : ax.tickangle;

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',

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') {

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,

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,

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: {

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,

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,