fix bug in js splom example by not recycling the same object for all axes

michaelbabyn · michaelbabyn · commit 80b264ae13dc · 2019-01-24T10:50:29.000-05:00
diff --git a/_posts/plotly_js/statistical/splom/2018-05-23-diabetes.html b/_posts/plotly_js/statistical/splom/2018-05-23-diabetes.html
@@ -32,14 +32,14 @@
       [1, '#ef553b']
     ]
 
-    axis = {
+    var axis = () => ({
       showline:false,
       zeroline:false,
       gridcolor:'#ffff',
       ticklen:2,
       tickfont:{size:10},
       titlefont:{size:12}
-    }
+    })
 
     var data = [{
       type: 'splom',
@@ -73,22 +73,22 @@
       hovermode:'closest',
       dragmode:'select',
       plot_bgcolor:'rgba(240,240,240, 0.95)',
-      xaxis:axis,
-      yaxis:axis,
-      xaxis2:axis,
-      xaxis3:axis,
-      xaxis4:axis,
-      xaxis5:axis,
-      xaxis6:axis,
-      xaxis7:axis,
-      xaxis8:axis,
-      yaxis2:axis,
-      yaxis3:axis,
-      yaxis4:axis,
-      yaxis5:axis,
-      yaxis6:axis,
-      yaxis7:axis,
-      yaxis8:axis
+      xaxis:axis(),
+      yaxis:axis(),
+      xaxis2:axis(),
+      xaxis3:axis(),
+      xaxis4:axis(),
+      xaxis5:axis(),
+      xaxis6:axis(),
+      xaxis7:axis(),
+      xaxis8:axis(),
+      yaxis2:axis(),
+      yaxis3:axis(),
+      yaxis4:axis(),
+      yaxis5:axis(),
+      yaxis6:axis(),
+      yaxis7:axis(),
+      yaxis8:axis()
     }
 
     Plotly.react('graph', data, layout);
diff --git a/_posts/plotly_js/statistical/splom/2018-05-23-iris.html b/_posts/plotly_js/statistical/splom/2018-05-23-iris.html
@@ -36,12 +36,12 @@
                [1, '#636efa']
     ]
 
-    axis = {
+    var axis = () => ({
       showline:false,
       zeroline:false,
       gridcolor:'#ffff',
       ticklen:4
-    }
+    })
 
     var data = [{
       type: 'splom',
@@ -71,14 +71,14 @@
       hovermode:'closest',
       dragmode:'select',
       plot_bgcolor:'rgba(240,240,240, 0.95)',
-      xaxis:axis,
-      yaxis:axis,
-      xaxis2:axis,
-      xaxis3:axis,
-      xaxis4:axis,
-      yaxis2:axis,
-      yaxis3:axis,
-      yaxis4:axis
+      xaxis:axis(),
+      yaxis:axis(),
+      xaxis2:axis(),
+      xaxis3:axis(),
+      xaxis4:axis(),
+      yaxis2:axis(),
+      yaxis3:axis(),
+      yaxis4:axis()
     }
 
     Plotly.react('graph', data, layout)
