Merge pull request #131 from plotly/gl-tickangle

Correct gl2d and gl3d tick angles [fixes #119]

Author: etpinard

src/plots/gl2d/convert.js

@@ -123,7 +123,9 @@ proto.merge = function(options) {
 
             this.tickEnable[i+j] = false;
             this.tickColor[i+j] = str2RGBArray((ax.tickfont || {}).color);
-            this.tickAngle[i+j] = (ax.tickangle === 'auto') ? 0 : -ax.tickangle;
+            this.tickAngle[i+j] = (ax.tickangle === 'auto') ?
+                0 :
+                Math.PI * -ax.tickangle / 180;
             this.tickPad[i+j] = this.getTickPad(ax);
 
             this.tickMarkLength[i+j] = 0;

src/plots/gl3d/layout/convert.js

@@ -109,7 +109,9 @@ proto.merge = function(sceneLayout) {
         if ('tickcolor' in axes) opts.lineTickColor[i] = str2RgbaArray(axes.tickcolor);
         if ('tickwidth' in axes) opts.lineTickWidth[i] = axes.tickwidth;
         if ('tickangle' in axes) {
-            opts.tickAngle[i] = axes.tickangle === 'auto' ? 0 : axes.tickangle;
+            opts.tickAngle[i] = (axes.tickangle === 'auto') ?
+                0 :
+                Math.PI * -axes.tickangle / 180;
         }
         //// tick labels
         if ('showticklabels' in axes) opts.tickEnable[i] = axes.showticklabels;

test/image/baselines/gl3d_surface-lighting.png

@@ -550,16 +550,19 @@
       "xaxis": {
         "showbackground": true,
         "type": "linear",
-        "backgroundcolor": "rgb(255, 127, 14)"
+        "backgroundcolor": "rgb(255, 127, 14)",
+        "tickangle": 180
       },
       "yaxis": {
         "showbackground": true,
         "type": "linear",
-        "backgroundcolor": "rgb(255, 0, 0)"
+        "backgroundcolor": "rgb(255, 0, 0)",
+        "tickangle": -45
       },
       "zaxis": {
         "showbackground": true,
-        "backgroundcolor": "rgb(44, 160, 44)"
+        "backgroundcolor": "rgb(44, 160, 44)",
+        "tickangle": 30
       }
     }
   }