Merge pull request #326 from plotly/docs-updates-for-3-0

Remove deprecated attributes from docs

Author: LiamConnors

_posts/plotly_js/basic/bar/2015-07-08-colored-and-styled-bar-chart.html

@@ -32,10 +32,12 @@
       color: 'rgb(107, 107, 107)'
     }},
   yaxis: {
-    title: 'USD (millions)',
-    titlefont: {
-      size: 16,
-      color: 'rgb(107, 107, 107)'
+    title: {
+        text: 'USD (millions)',
+        font: {
+            size: 16,
+            color: 'rgb(107, 107, 107)'
+        }
     },
     tickfont: {
       size: 14,

_posts/plotly_js/basic/dot/2015-08-11-categorical-dot-plot.html

@@ -48,16 +48,16 @@
 var data = [trace1, trace2];
 
 var layout = {
-  title: 'Votes cast for ten lowest voting age population in OECD countries',
+  title: {
+      text: 'Votes cast for ten lowest voting age population in OECD countries',
+      font: {
+          color: 'rgb(204, 204, 204)'
+      }
+  },
   xaxis: {
     showgrid: false,
     showline: true,
     linecolor: 'rgb(102, 102, 102)',
-    titlefont: {
-      font: {
-        color: 'rgb(204, 204, 204)'
-      }
-    },
     tickfont: {
       font: {
         color: 'rgb(102, 102, 102)'

_posts/plotly_js/fundamentals/axes/2015-04-09-axes-labels.html

@@ -30,13 +30,15 @@
   var data = [trace];
 
 var layout = {
-  title: 'Volume of Apple Shares Traded',
+  title: {text: 'Volume of Apple Shares Traded'},
   xaxis: {
-    title: 'AXIS TITLE',
-    titlefont: {
-      family: 'Arial, sans-serif',
-      size: 18,
-      color: 'lightgrey'
+    title: {
+      text: 'AXIS TITLE',
+      font: {
+          family: 'Arial, sans-serif',
+          size: 18,
+          color: 'lightgrey'
+      }
     },
     showticklabels: true,
     tickangle: 'auto',
@@ -49,11 +51,13 @@
     showexponent: 'all'
   },
   yaxis: {
-    title: 'AXIS TITLE',
-    titlefont: {
-      family: 'Arial, sans-serif',
-      size: 18,
-      color: 'lightgrey'
+    title: {
+      text: 'AXIS TITLE',
+      font: {
+        family: 'Arial, sans-serif',
+        size: 18,
+        color: 'lightgrey'
+      }
     },
     showticklabels: true,
     tickangle: 45,

_posts/plotly_js/fundamentals/sizing/2018-10-08-automargin.html

@@ -20,12 +20,14 @@
   width: 500,
   height: 500,
   yaxis: {
-    title: 'Y-axis Title',
+    title: {
+      text: 'Y-axis Title',
+      font: { size: 30 }
+    },
     ticktext: ['long label','Very long label','3','label'],
     tickvals: [1, 2, 3, 4],
     tickmode: 'array',
     automargin: true,
-    titlefont: { size:30 },
   },
   paper_bgcolor: '#7f7f7f',
   plot_bgcolor: '#c7c7c7'

_posts/plotly_js/maps/scatter-plot-on-maps/2015-07-11-canadian-cities.html

@@ -39,13 +39,12 @@
 }];
 
 var layout = {
-    title: 'Canadian cities',
-    font: {
-        family: 'Droid Serif, serif',
-        size: 6
-    },
-    titlefont: {
-        size: 16
+    title: {
+        text: 'Canadian cities',
+        font: {
+            family: 'Droid Serif, serif',
+            size: 16
+        }
     },
     geo: {
         scope: 'north america',

_posts/plotly_js/maps/scatter-plot-on-maps/2015-08-15-north-america-percipitation-map.html

@@ -29,7 +29,9 @@
           size: 2,
           colorbar:{
             thickness: 10,
-            titleside: 'right',
+            title: {side:
+              'right'
+            },
             outlinecolor: 'rgba(68,68,68,0)',
             ticks: 'outside',
             ticklen: 3,

_posts/plotly_js/maps/scattermapbox/2017-08-01-scattermapbox_colorscale.html

@@ -30,7 +30,9 @@
           size: 3,
           colorbar:{
             thickness: 10,
-            titleside: 'right',
+            title: {side:
+              'right'
+            },
             outlinecolor: 'rgba(68,68,68,0)',
             ticks: 'outside',
             ticklen: 3,

_posts/plotly_js/scientific/carpet-contour/2017-05-16-mulitple_contourcarpet.html

@@ -49,7 +49,9 @@
       colorbar: {
         y: 0,
         yanchor: "bottom",
-        titleside: "right",
+        title: {side:
+          'right'
+        },
         len: 0.75,
         title: "Pressure coefficient, c<sub>p</sub>"
       },

_posts/plotly_js/scientific/contour/2015-08-12-color-bar-title.html

@@ -14,11 +14,13 @@
        [0, 0.625, 2.5, 5.625, 10]],
   type: 'contour',
   colorbar:{
-    title: 'Color Bar Title',
-    titleside: 'right',
-    titlefont: {
-      size: 14,
-      family: 'Arial, sans-serif'
+    title: {
+      text: 'Color Bar Title',
+      side: 'right',
+      font: {
+        size: 14,
+        family: 'Arial, sans-serif'
+      }
     }
   }
 }];

_posts/plotly_js/scientific/ternary-plots/2016-04-13-basic-ternary-plot.html

@@ -55,13 +55,19 @@
 
 function makeAxis(title, tickangle) {
     return {
-      title: title,
-      titlefont: { size: 20 },
-      tickangle: tickangle,
-      tickfont: { size: 15 },
-      tickcolor: 'rgba(0,0,0,0)',
-      ticklen: 5,
-      showline: true,
-      showgrid: true
+        title: {
+            text: title,
+            font: {
+                size: 20
+            }
+        },
+        tickangle: tickangle,
+        tickfont: {
+            size: 15
+        },
+        tickcolor: 'rgba(0,0,0,0)',
+        ticklen: 5,
+        showline: true,
+        showgrid: true
     };
 }

_posts/plotly_js/statistical/error-bar/2015-04-09-error-bar-style.html

@@ -31,15 +31,13 @@
     color: '#85144B',
     thickness: 1.5,
     width: 3,
-    opacity: 1
   },
   error_x: {
     type: 'constant',
     value: 0.2,
     color: '#85144B',
     thickness: 1.5,
     width: 3,
-    opacity: 1
   },
   marker: {
     color: '#85144B',

_posts/plotly_js/statistical/splom/2018-05-23-diabetes.html

@@ -37,7 +37,7 @@
       gridcolor:'#ffff',
       ticklen:2,
       tickfont:{size:10},
-      titlefont:{size:12}
+      title:{font:{size:12}}
     })
 
     var data = [{

_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-double.html

@@ -24,11 +24,17 @@
 var data = [trace1, trace2];
 
 var layout = {
-  title: 'Double Y Axis Example',
-  yaxis: {title: 'yaxis title'},
+  title: {text: 'Double Y Axis Example'},
+  yaxis: {
+    title: {
+      text: 'yaxis title'
+    }
+  },
   yaxis2: {
-    title: 'yaxis2 title',
-    titlefont: {color: 'rgb(148, 103, 189)'},
+    title: {
+      text: 'yaxis2 title',
+      font: {color: 'rgb(148, 103, 189)'}
+    },
     tickfont: {color: 'rgb(148, 103, 189)'},
     overlaying: 'y',
     side: 'right'

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

@@ -40,34 +40,45 @@
 var data = [trace1, trace2, trace3, trace4];
 
 var layout = {
-  title: 'multiple y-axes example',
+  title: {
+    text: 'multiple y-axes example',
+    font: {color: '#1f77b4'}
+  },
   width: 800,
   xaxis: {domain: [0.3, 0.7]},
   yaxis: {
-    title: 'yaxis title',
-    titlefont: {color: '#1f77b4'},
+    title: {
+      text: 'yaxis title',
+      font: {color: '#1f77b4'}
+    },
     tickfont: {color: '#1f77b4'}
   },
   yaxis2: {
-    title: 'yaxis2 title',
-    titlefont: {color: '#ff7f0e'},
+    title: {
+      text: 'yaxis2 title',
+      font: {color: '#ff7f0e'}
+    },
     tickfont: {color: '#ff7f0e'},
     anchor: 'free',
     overlaying: 'y',
     side: 'left',
     position: 0.15
   },
   yaxis3: {
-    title: 'yaxis4 title',
-    titlefont: {color: '#d62728'},
+    title: {
+      text: 'yaxis4 title',
+      font: {color: '#d62728'}
+    },
     tickfont: {color: '#d62728'},
     anchor: 'x',
     overlaying: 'y',
     side: 'right'
   },
   yaxis4: {
-    title: 'yaxis5 title',
-    titlefont: {color: '#9467bd'},
+    title: {
+      text: 'yaxis5 title',
+      font: {color: '#9467bd'}
+    },
     tickfont: {color: '#9467bd'},
     anchor: 'free',
     overlaying: 'y',