fixup inlined charts

Joseph Damiba · Joseph Damiba · commit 22c0923c70c9 · 2020-01-24T17:26:22.000-05:00
diff --git a/_posts/plotly_js/fundamentals/config-options/2015-09-24-config-opt-display-modebar.html b/_posts/plotly_js/fundamentals/config-options/2015-09-24-config-opt-display-modebar.html
diff --git a/_posts/plotly_js/fundamentals/config-options/2020-01-24-display-modebar.html b/_posts/plotly_js/fundamentals/config-options/2020-01-24-display-modebar.html
@@ -1,5 +1,5 @@
 ---
-name: Display the Modebar
+name: Always Display the Modebar
 language: plotly_js
 suite: configuration
 order: 4
@@ -8,13 +8,18 @@
 markdown_content: |
     When you hover over the top right of a figure generated with `plotly.js`, a bar appears which we call a `modeBar`. To display or hide this modebar set the `displayModeBar` attribute in the `config` of your figure to `true` or `false`, respectively.
 ---
-var data = {
-    y:['Marc', 'Henrietta', 'Jean', 'Claude', 'Jeffrey', 'Jonathan', 'Jennifer', 'Zacharias'],
-    x: [90, 40, 60, 80, 75, 92, 87, 73],
-    type: 'bar',
-    orientation: 'h'
+var trace1 = {
+    y:['Marc', 'Henrietta', 'Jean', 'Claude', 'Jeffrey', 'Jonathan', 'Jennifer', 'Zacharias'], 
+      x: [90, 40, 60, 80, 75, 92, 87, 73],
+      type: 'bar',
+      orientation: 'h'
 }
+  
+var data = [trace1]
 
-var layout = {title: 'Always Display the Modebar', showlegend: false}
+var layout = {
+    title: 'Always Display the Modebar',
+    showlegend: false
+}
 
 Plotly.newPlot('myDiv', data, layout, {displayModeBar: true})
diff --git a/_posts/plotly_js/fundamentals/config-options/2020-01-24-remove-modebarButtons.html b/_posts/plotly_js/fundamentals/config-options/2020-01-24-remove-modebarButtons.html
@@ -15,13 +15,17 @@
         <li>- Other: `hoverClosestGl2d`, `hoverClosestPie`, `toggleHover`, `resetViews`, toImage, `sendDataToCloud`, `toggleSpikelines`, `resetViewMapbox`</li>
     </ul>
 ---
-var data = {
-    x:['trees', 'flowers', 'hedges'],
-	y: [90, 130, 40],
-	type: 'bar'}
+var trace1 = {
+    x:['trees', 'flowers', 'hedges'], 
+    y: [90, 130, 40],
+    type: 'bar'
+}
+
+var data = [trace1];
 
 var layout = {
-	title: 'Remove Modebar Buttons',
-	showlegend: false}
+    title: 'Remove Modebar Buttons',
+    showlegend: false
+}
 
-Plotly.newPlot('myDiv', data, layout, {modeBarButtonsToRemove: ['toImage']})
+Plotly.newPlot('myDiv', data, layout, {modeBarButtonsToRemove: ['toImage']});
