update examples to title.text

Author: LiamConnors

_posts/plotly_js/basic/horizontal-bar/2015-08-11-barchart-with-line-plot.html

@@ -48,7 +48,9 @@
 var data = [trace1, trace2];
 
 var layout = {
-  title: 'Household Savings & Net Worth for Eight OECD Countries',
+  title: {
+    text: 'Household Savings & Net Worth for Eight OECD Countries'
+  },
   xaxis1: {
     range: [0, 20],
     domain: [0, 0.5],

_posts/plotly_js/basic/line-plots/2015-04-09-line-style.html

@@ -65,14 +65,20 @@
 var data = [trace1, trace2, trace3, trace4];
 
 var layout = {
-  title: 'Quarter 1 Growth',
+  title: {
+    text: 'Quarter 1 Growth'
+  },
   xaxis: {
-    title: 'GDP per Capita',
+    title: {
+      text: 'GDP per Capita'
+    },
     showgrid: false,
     zeroline: false
   },
   yaxis: {
-    title: 'Percent',
+    title: {
+      text: 'Percent'
+    },
     showline: false
   }
 };

_posts/plotly_js/basic/line-plots/2015-08-07-Connect-gaps-between-data.html

@@ -24,7 +24,9 @@
 var data = [trace1, trace2];
 
 var layout = {
-  title: 'Connect the Gaps Between Data',
+  title: {
+    text: 'Connect the Gaps Between Data'
+  },
   showlegend: false
 };
 

_posts/plotly_js/basic/line-plots/2015-08-07-graph-and-axis-titles.html

@@ -31,12 +31,18 @@
 var data = [trace1, trace2, trace3];
 
 var layout = {
-  title: 'Title of the Graph',
+  title: {
+    text: 'Title of the Graph'
+  },
   xaxis: {
-    title: 'x-axis title'
+    title: {
+      text: 'x-axis title'
+    }
   },
   yaxis: {
-    title: 'y-axis title'
+    title: {
+      text: 'y-axis title'
+    }
   }
 };
 

_posts/plotly_js/basic/line-plots/2015-08-07-line-and-scatter-styling.html

@@ -44,7 +44,9 @@
 var data = [trace1, trace2, trace3];
 
 var layout = {
-  title: 'Line and Scatter Styling'
+  title: {
+    text: 'Line and Scatter Styling'
+  }
 };
 
 Plotly.newPlot('myDiv', data, layout);

_posts/plotly_js/basic/line-plots/2015-08-07-line-dash.html

@@ -54,7 +54,9 @@
 var data = [trace1, trace2, trace3, trace4];
 
 var layout = {
-  title: 'Line Dash',
+  title: {
+    text: 'Line Dash'
+  },
   xaxis: {
     range: [0.75, 5.25],
     autorange: false

_posts/plotly_js/basic/line_and_scatter/2015-08-11-scater-with-color-dimension.html

@@ -19,7 +19,9 @@
 var data = [trace1];
 
 var layout = {
-  title: 'Scatter Plot with a Color Dimension'
+  title: {
+    text: 'Scatter Plot with a Color Dimension'
+  }
 };
 
 Plotly.newPlot('myDiv', data, layout);

_posts/plotly_js/basic/line_and_scatter/2022-12-13-group-scatter-setting-gap.html

@@ -35,9 +35,19 @@
 
 var layout = {
   scattermode: 'group',
-  title: 'Grouped by Country',
-  xaxis: {title: 'Country'},
-  yaxis: {title: 'Medals'},
+  title: {
+    text: 'Grouped by Country'
+  },
+  xaxis: {
+    title: {
+      text: 'Country'
+    }
+  },
+  yaxis: {
+    title: {
+      text: 'Medals'
+    }
+  },
   scattergap: 0.7
 };
 

_posts/plotly_js/basic/line_and_scatter/2022-12-13-group-scatter.html

@@ -35,9 +35,19 @@
 
 var layout = {
   scattermode: 'group',
-  title: 'Grouped by Country',
-  xaxis: {title: 'Country'},
-  yaxis: {title: 'Medals'}
+  title: {
+    text: 'Grouped by Country'
+  },
+  xaxis: {
+    title: {
+      text: 'Country'
+    }
+  },
+  yaxis: {
+    title: {
+      text: 'Medals'
+    }
+  }
 };
 
 Plotly.newPlot('myDiv', data, layout);