use grid method in more of the examples from js subplots

Author: michaelbabyn

_posts/plotly_js/basic/pie/2015-08-10-pie-chart-subplots.html

@@ -7,7 +7,7 @@
 sitemap: false
 arrangement: horizontal
 markdown_content: |
-  In order to create pie chart subplots, you need to use the [domain](https://plot.ly/javascript/reference/#pie-domain) attribute. `domain` allows you to place each trace on a `grid` of rows and columns defined in the layout or within a rectangle defined by `X` and `Y` arrays. The example below uses the `grid` method (with a 2 x 2 grid defined in the layout) for the first three traces and the X and Y method for the fourth trace.
+  In order to create pie chart subplots, you need to use the [domain](https://plot.ly/javascript/reference/#pie-domain) attribute. `domain` allows you to place each trace on a [grid](https://plot.ly/javascript/reference/#layout-grid) of rows and columns defined in the layout or within a rectangle defined by `X` and `Y` arrays. The example below uses the `grid` method (with a 2 x 2 grid defined in the layout) for the first three traces and the X and Y method for the fourth trace.
 ---
 
 var allLabels = ['1st', '2nd', '3rd', '4th', '5th'];

_posts/plotly_js/subplot/subplots/2015-04-09-multiple-subplots.html

@@ -40,26 +40,7 @@
 var data = [trace1, trace2, trace3, trace4];
 
 var layout = {
-  xaxis: {domain: [0, 0.45]},
-  yaxis: {domain: [0, 0.45]},
-  xaxis4: {
-    domain: [0.55, 1],
-    anchor: 'y4'
-  },
-  xaxis3: {
-    domain: [0, 0.45],
-    anchor: 'y3'
-  },
-  xaxis2: {domain: [0.55, 1]},
-  yaxis2: {
-    domain: [0, 0.45],
-    anchor: 'x2'
-  },
-  yaxis3: {domain: [0.55, 1]},
-  yaxis4: {
-    domain: [0.55, 1],
-    anchor: 'x4'
-  }
+  grid: {rows: 2, columns: 2, pattern: 'independent'},
 };
 
 Plotly.newPlot('myDiv', data, layout);

_posts/plotly_js/subplot/subplots/2015-04-09-shared-axes-subplots.html

@@ -41,17 +41,11 @@
 var data = [trace1, trace2, trace3, trace4];
 
 var layout = {
-  xaxis: {domain: [0, 0.45]},
-  yaxis: {domain: [0, 0.45]},
-  xaxis4: {
-    domain: [0.55, 1],
-    anchor: 'y4'
-  },
-  xaxis2: {domain: [0.55, 1]},
-  yaxis3: {domain: [0.55, 1]},
-  yaxis4: {
-    domain: [0.55, 1],
-    anchor: 'x4'
+  grid: {
+    rows: 2,
+    columns: 2,
+    subplots:[['xy','x2y'], ['xy3','x4y4']],
+    roworder:'bottom to top'
   }
 };
 

_posts/plotly_js/subplot/subplots/2015-04-09-simple-subplot.html

@@ -25,9 +25,7 @@
 var data = [trace1, trace2];
 
 var layout = {
-  xaxis: {domain: [0, 0.45]},
-  yaxis2: {anchor: 'x2'},
-  xaxis2: {domain: [0.55, 1]}
+  grid: {rows: 1, columns: 2, pattern: 'independent'},
 };
 
 Plotly.newPlot('myDiv', data, layout);

_posts/plotly_js/subplot/subplots/2015-04-09-stacked-subplots.html

@@ -32,12 +32,11 @@
 var data = [trace1, trace2, trace3];
 
 var layout = {
-  yaxis: {domain: [0, 0.266]},
-  legend: {traceorder: 'reversed'},
-  xaxis3: {anchor: 'y3'},
-  xaxis2: {anchor: 'y2'},
-  yaxis2: {domain: [0.366, 0.633]},
-  yaxis3: {domain: [0.733, 1]}
+grid: {
+    rows: 3,
+    columns: 1,
+    pattern: 'independent',
+    roworder: 'bottom to top'}
 };
 
 Plotly.newPlot('myDiv', data, layout);