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'
+    }
   }
 };