Add temperature-sf-ny. We should rename it.

[dygraphs.git] / gallery / temperature-sf-ny.js

diff --git a/gallery/temperature-sf-ny.js b/gallery/temperature-sf-ny.js
new file mode 100644 (file)
index 0000000..8f43d1e
--- /dev/null
+++ b/gallery/temperature-sf-ny.js
@@ -0,0 +1,40 @@
+Gallery.register(
+  // Get a better name.
+  'temperature-sf-ny',
+  {
+    name: 'Roll Periods and Error Bars',
+    title: 'Demo of a graph with many data points and custom error bars.',
+    setup: function(parent) {
+      parent.innerHTML =
+          "<p>Roll period of 14 timesteps.</p>" +
+          "<div id='roll14' style='width:800px; height:320px;'></div>" +
+          "<p>No roll period.</p>" +
+          "<div id='noroll' style='width:800px; height:320px;'></div>";
+    },
+    run: function() {
+      g1 = new Dygraph(
+          document.getElementById("noroll"),
+          data_temp,
+          {
+            customBars: true,
+            title: 'Daily Temperatures in New York vs. San Francisco',
+            ylabel: 'Temperature (F)',
+            legend: 'always',
+            labelsDivStyles: { 'textAlign': 'right' }
+          }
+      );
+      g2 = new Dygraph(
+          document.getElementById("roll14"),
+          data_temp,
+          {
+            rollPeriod: 14,
+            showRoller: true,
+            customBars: true,
+            title: 'Daily Temperatures in New York vs. San Francisco',
+            ylabel: 'Temperature (F)',
+            legend: 'always',
+            labelsDivStyles: { 'textAlign': 'right' }
+          }
+      );
+    }
+  });
\ No newline at end of file