Fix line chart overflowing the right side (apache#6829)

* Fix line chart overflowing the right side * revert package-lock.json * revert again (cherry picked from commit 3f3b7bb)
CybercentreCanada · Feb 8, 2019 · d586e8e · d586e8e
1 parent 84ef012
commit d586e8e
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/superset/assets/src/visualizations/nvd3/NVD3Vis.js b/superset/assets/src/visualizations/nvd3/NVD3Vis.js
@@ -616,8 +616,12 @@ function nvd3Vis(element, props) {
         margins.right = Math.max(20, maxXAxisLabelHeight / 2) + marginPad;
       }
       if (xLabelRotation === 45) {
-        margins.bottom = maxXAxisLabelHeight + marginPad;
-        margins.right = maxXAxisLabelHeight + marginPad;
+        margins.bottom = (
+          maxXAxisLabelHeight * Math.sin(Math.PI * xLabelRotation / 180)
+        ) + marginPad;
+        margins.right = (
+          maxXAxisLabelHeight * Math.cos(Math.PI * xLabelRotation / 180)
+        ) + marginPad;
       } else if (staggerLabels) {
         margins.bottom = 40;
       }