better fit based on tick angle - increase pad only when text does not fit inside

Author: archmoj

package.json

@@ -99,7 +99,7 @@
     "has-passive-events": "^1.0.0",
     "image-size": "^0.7.5",
     "is-mobile": "^2.2.2",
-    "mapbox-gl": "1.10.1",
+    "mapbox-gl": "1.13.0",
     "matrix-camera-controller": "^2.1.3",
     "mouse-change": "^1.4.0",
     "mouse-event-offset": "^3.0.2",

src/plots/cartesian/autorange.js

@@ -229,11 +229,21 @@ function makePadFn(ax, max) {
 
             var morePad = 0;
             if(anchorAxis._vals) {
+                var A = (anchorAxis._tickAngles[anchorAxis._id + 'tick'] || 0) * Math.PI / 180;
+                var cosA = Math.abs(Math.cos(A));
+                var sinA = Math.abs(Math.sin(A));
+
                 // use bounding boxes
                 morePad = 0;
                 anchorAxis._vals.forEach(function(t) {
                     if(t.bb) {
-                        morePad = Math.max(morePad, isX ? t.bb.width : t.bb.height);
+                        var w = t.bb.width;
+                        var h = t.bb.height;
+
+                        morePad = Math.max(morePad, isX ?
+                            Math.max(w * cosA, h * sinA) :
+                            Math.max(h * cosA, w * sinA)
+                        );
                     }
                 });
             }
@@ -242,7 +252,7 @@ function makePadFn(ax, max) {
                 morePad += anchorAxis.ticklen || 0;
             }
 
-            extrappad += morePad;
+            extrappad = Math.max(extrappad, morePad);
         }
     }