automargin support

Author: nicolaskruchten

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 npm-debug.log
 examples/bundle.js
+yarn.lock

package.json

@@ -73,7 +73,7 @@
     "react-dom": ">=15.0.0",
     "react-dropzone": "^4.2.1",
     "react-hot-loader": "^3.1.1",
-    "react-plotly.js": "^1.0.2",
+    "react-plotly.js": "^2.0.0",
     "style-loader": "^0.19.0",
     "webpack": "^3.8.1",
     "webpack-dev-server": "^2.9.3"

src/PlotlyRenderers.jsx

@@ -70,15 +70,16 @@ function makeRenderer(
         width: window.innerWidth / 1.5,
         height: window.innerHeight / 1.4 - 50,
         /* eslint-enable no-magic-numbers */
+        xaxis: {
+          title: transpose ? fullAggName : null,
+          automargin: true,
+        },
+        yaxis: {
+          title: transpose ? null : fullAggName,
+          automargin: true,
+        },
       };
 
-      if (transpose) {
-        // eslint-disable-next-line no-magic-numbers
-        layout.xaxis = {domain: [0.1, 1.0], title: fullAggName};
-      } else {
-        layout.yaxis = {title: fullAggName};
-      }
-
       return (
         <PlotlyComponent
           data={data}