update examples to use title.text

Author: LiamConnors

_posts/plotly_js/basic/sankey/2024-01-05-align-example.html

@@ -27,7 +27,9 @@
 var data = [data];
 
 var layout = {
-  title: "Align Nodes (Right)",
+  title: {
+    text: "Align Nodes (Right)"
+  },
   font: {
     size: 10,
   },

_posts/plotly_js/basic/table/2017-11-01-from-a-csv.html

@@ -52,7 +52,9 @@
 }]
 
 var layout = {
-  title: "Bitcoin mining stats for 180 days"
+  title: {
+    text: "Bitcoin mining stats for 180 days"
+  }
 }
 
 Plotly.newPlot('myDiv', data, layout);

_posts/plotly_js/chart-events/events/2017-01-01-order6_selected_event.html

@@ -50,7 +50,9 @@
   name: 'y coord dist.',
   marker: {color: colorY}
 }], {
-  title: 'Lasso around the scatter points to see sub-distributions',
+  title: {
+    text: 'Lasso around the scatter points to see sub-distributions'
+  },
   dragmode: 'lasso',
   xaxis: {
     zeroline: false,

_posts/plotly_js/chart-events/hover/2019-05-15-advanced-hovertemplate.html

@@ -44,17 +44,23 @@
         }
       ],
       layout: {
-        title: "Higher Risk of Job Automation in Lower Paying Jobs",
+        title: {
+          text: "Higher Risk of Job Automation in Lower Paying Jobs"
+        },
         hovermode: "closest",
         hoverlabel: { bgcolor: "#FFF" },
-        legend: {orientation: 'h', y: -0.3},
+        legend: { orientation: 'h', y: -0.3 },
         xaxis: {
           tickformat: ".0%",
-          title: "Automation Probability",
+          title: {
+            text: "Automation Probability"
+          },
           zeroline: false
         },
         yaxis: {
-          title: "Income",
+          title: {
+            text: "Income"
+          },
           zeroline: false
         }
       },

_posts/plotly_js/chart-events/hover/2019-05-15-basic-hovertemplate.html

@@ -28,7 +28,9 @@
 ];
 
 var layout = {
-    title: "Set hover text with hovertemplate",
+    title: {
+        text: "Set hover text with hovertemplate"
+    },
 };
 
 Plotly.newPlot('myDiv', data, layout);

_posts/plotly_js/chart-events/zoom-disable/2015-12-12-zoom-unbind-both-axis.html

@@ -32,9 +32,11 @@
     }];
 
     var layout = {
-        title: 'Plotting CSV data from AJAX call',
+        title: {
+            text: 'Plotting CSV data from AJAX call'
+        },
         yaxis: {fixedrange: true},
-        xaxis : {fixedrange: true}
+        xaxis: {fixedrange: true}
     };
 
     Plotly.newPlot('myDiv', traces, layout);

_posts/plotly_js/chart-events/zoom-disable/2015-12-12-zoom-unbind-x-axis.html

@@ -34,8 +34,12 @@
     }];
 
     var layout = {
-        title: 'Plotting CSV data from AJAX call',
-        xaxis: {fixedrange: true}
+        title: {
+            text: 'Plotting CSV data from AJAX call'
+        },
+        xaxis: {
+            fixedrange: true
+        }
     };
 
     Plotly.newPlot('myDiv', traces, layout);

_posts/plotly_js/controls/callbacks-buttons/2018-10-16-button-update.html

@@ -141,9 +141,11 @@
 ]
 
 var layout = {
-    title: 'Yahoo',
-    updatemenus: updatemenus,
-    showlegend: false
+  title: {
+      text: 'Yahoo'
+  },
+  updatemenus: updatemenus,
+  showlegend: false
 }
 
 

_posts/plotly_js/controls/lasso/2016-01-27-lasso-selection.html

@@ -48,7 +48,9 @@
   name: 'y coord dist.',
   marker: {color: colorY}
 }], {
-  title: 'Lasso around the scatter points to see sub-distributions',
+  title: {
+    text: 'Lasso around the scatter points to see sub-distributions'
+  },
   dragmode: 'lasso',
   xaxis: {
     zeroline: false,

_posts/plotly_js/controls/range-slider/2016-04-04-range-slider-time-series.html

@@ -43,7 +43,9 @@
 
     var data = prepData(rawData);
     var layout = {
-        title: 'Time series with range slider and selectors',
+        title: {
+            text: 'Time series with range slider and selectors'
+        },
         xaxis: {
             rangeselector: selectorOptions,
             rangeslider: {}