Rewrite HTML generation.

[dygraphs.git] / gallery / range-selector.js

diff --git a/gallery/range-selector.js b/gallery/range-selector.js
index 4d9a82a..57ac71b 100644 (file)
--- a/gallery/range-selector.js
+++ b/gallery/range-selector.js
@@ -4,11 +4,12 @@ Gallery.register(
     name: 'Range Selector',
     title: 'Demo of the Range Selector',
     setup: function(parent) {
-      parent.innerHTML =
-          "<p>No roll period.</p>" +
-          "<div id='noroll' style='width:800px; height:320px;'></div>" +
-          "<p>Roll period of 14 timesteps, custom range selector height and plot color.</p>" +
-          "<div id='roll14' style='width:800px; height:320px;'></div>";
+      parent.innerHTML = [
+          "<p>No roll period.</p>",
+          "<div id='noroll' style='width:800px; height:320px;'></div>",
+          "",
+          "<p>Roll period of 14 timesteps, custom range selector height and plot color.</p>",
+          "<div id='roll14' style='width:800px; height:320px;'></div>"].join("\n");
     },
     run: function() {
       g1 = new Dygraph(