Merge pull request #331 from plotly/remove-title-string

Update examples to use `title.text`

Author: LiamConnors

_posts/plotly_js/2015-04-05-plotly_js-index.html

@@ -51,9 +51,25 @@ <h1>Plotly JavaScript Open Source Graphing Library</h1>
                     reversescale: true, zmax: 2.5, zmin: -2.5
                   };
                   var layout = {
-                    title: 'turbulence simulation',
-                    xaxis: {title: 'radial direction', showline: true, mirror: 'allticks', ticks: 'inside'},
-                    yaxis: {title: 'vertical direction', showline: true, mirror: 'allticks', ticks: 'inside'},
+                    title: {
+                      text: 'turbulence simulation'
+                  },
+                    xaxis: {
+                      title: {
+                          text: 'radial direction'
+                      },
+                      showline: true,
+                      mirror: 'allticks',
+                      ticks: 'inside'
+                    },
+                    yaxis: {
+                        title: {
+                            text: 'vertical direction'
+                        },
+                        showline: true,
+                        mirror: 'allticks',
+                        ticks: 'inside'
+                    },
                     margin: {l: 40, b: 40, t: 60},
                     annotations: [{
                       showarrow: false,
@@ -97,7 +113,11 @@ <h1>Plotly JavaScript Open Source Graphing Library</h1>
                     };
 
                     var layout = {
-                      yaxis: {title: "Wind Speed"},       // set the y axis title
+                      yaxis: {
+                        title: {
+                          text: "Wind Speed"
+                        }
+                      },       // set the y axis title
                       xaxis: {
                         showgrid: false,                  // remove the x-axis grid lines
                         tickformat: "%B, %Y"              // customize the date format to "month, day"

_posts/plotly_js/2016-06-03-plotly_js_function_ref.html

@@ -84,14 +84,20 @@ <h4 id="plotly-newplot"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-ref
 }];
 
 var layout = {
-  title: 'Sales Growth',
+  title: {
+    text: 'Sales Growth'
+  },
   xaxis: {
-    title: 'Year',
+    title: {
+      text: 'Year'
+    },
     showgrid: false,
     zeroline: false
   },
   yaxis: {
-    title: 'Percent',
+    title: {
+      text: 'Percent'
+    },
     showline: false
   }
 };
@@ -252,7 +258,7 @@ <h4 id="plotly-relayout"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-re
 <pre><code class="language-javascript hljs" data-lang="javascript">
 // update only values within nested objects
 var update = {
-    title: 'some new title', // updates the title
+    title: {text: 'some new title'}, // updates the title
     'xaxis.range': [0, 5],   // updates the xaxis range
     'yaxis.range[1]': 15     // updates the end of the yaxis range
 };
@@ -290,7 +296,7 @@ <h4 id="plotly-update"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-refe
 <pre><code class="language-javascript hljs" data-lang="javascript">
 //update the layout and all the traces
 var layout_update = {
-    title: 'some new title', // updates the title
+    title: {text: 'some new title'}, // updates the title
 };
 var data_update = {
     'marker.color': 'red'
@@ -299,7 +305,7 @@ <h4 id="plotly-update"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-refe
 
 //update the layout and a single trace
 var layout_update = {
-    title: 'some new title', // updates the title
+    title: {text: 'some new title'}, // updates the title
 };
 var data_update = {
     'marker.color': 'red'
@@ -308,7 +314,7 @@ <h4 id="plotly-update"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-refe
 
 //update the layout and two specific traces
 var layout_update = {
-    title: 'some new title', // updates the title
+    title: {text: 'some new title'}, // updates the title
 };
 var data_update = {
     'marker.color': 'red'
@@ -380,7 +386,9 @@ <h4 id="plotly-makeTemplate"><a href="{{ BASE_URL }}/javascript/plotlyjs-functio
     y: [2, 1, 3, 2],
   }],
   layout:{
-    title: 'Quarterly Earnings'
+    title: {
+      text: 'Quarterly Earnings'
+    }
   }
 };
 

_posts/plotly_js/3d/3d-cluster/2015-08-10-3d-point-cluster.html

@@ -70,7 +70,9 @@
                 zeroline: false
             }
         },
-        title: '3d point clustering',
+        title: {
+            text: '3d point clustering'
+        },
         width: 477
     };
 

_posts/plotly_js/3d/3d-line/2015-04-09-random-walk.html

@@ -74,7 +74,9 @@
 
 var data = [trace1, trace2, trace3];
 var layout = {
-  title: '3D Line Plot',
+  title: {
+    text: '3D Line Plot'
+  },
   autosize: false,
   width: 500,
   height: 500,

_posts/plotly_js/3d/3d-surface/2015-04-09-elevations-3d-surface.html

@@ -24,7 +24,9 @@
         }];
 
 var layout = {
-  title: 'Mt Bruno Elevation',
+  title: {
+    text: 'Mt Bruno Elevation'
+  },
   autosize: false,
   width: 500,
   height: 500,

_posts/plotly_js/3d/3d-surface/2018-10-09-surface-contours.html

@@ -34,7 +34,9 @@
 }];
 
 var layout = {
-  title: 'Mt Bruno Elevation With Projected Contours',
+  title: {
+    text: 'Mt Bruno Elevation With Projected Contours'
+  },
   scene: {camera: {eye: {x: 1.87, y: 0.88, z: -0.64}}},
   autosize: false,
   width: 500,

_posts/plotly_js/3d/ribbon-plots/2015-08-12-ribbon-plot-example.html

@@ -57,15 +57,17 @@
   var data = [trace1, trace2, trace3, trace4, trace5, trace6, trace7];
 
   var layout = {
-    title: 'Ribbon Plot',
+    title: {
+      text: 'Ribbon Plot'
+    },
     showlegend: false,
     autosize: true,
     width: 600,
     height: 600,
     scene: {
-      xaxis: {title: 'Sample #'},
-      yaxis: {title: 'Wavelength'},
-      zaxis: {title: 'OD'}
+      xaxis: {title: {text: 'Sample #'}},
+      yaxis: {title: {text: 'Wavelength'}},
+      zaxis: {title: {text: 'OD'}}
     }
   };
   Plotly.newPlot('myDiv', data, layout);

_posts/plotly_js/animations/animations-slider/2017-08-22-adding-sliders.html

@@ -106,11 +106,11 @@
 
   var layout = {
     xaxis: {
-      title: 'Life Expectancy',
+      title: {text: 'Life Expectancy'},
       range: [30, 85]
     },
     yaxis: {
-      title: 'GDP per Capita',
+      title: {text: 'GDP per Capita'},
       type: 'log'
     },
     hovermode: 'closest',

_posts/plotly_js/animations/filled-area-animations/2017-08-22-filled-area-animations.html

@@ -33,7 +33,9 @@
     mode: 'lines',
     line: {color: 'green'}
   }], {
-    title: "Filled-Area Animation",
+    title: {
+      text: "Filled-Area Animation"
+    },
     xaxis: {
       type: 'date',
       range: [

_posts/plotly_js/animations/filled-area-animations/2017-08-22-multiple-filled-area-animations.html

@@ -51,7 +51,9 @@
   var data = [trace1,trace2];
 
   var layout = {
-    title: 'Multiple Trace Filled-Area Animation',
+    title: {
+      text: 'Multiple Trace Filled-Area Animation'
+    },
     xaxis: {
       range: [frames[99].data[0].x[0], frames[99].data[0].x[99]],
       showgrid: false