Merge pull request #590 from danvk/540-fixup

[dygraphs.git] / tests / straw-broom.html
diff --git a/tests/straw-broom.html b/tests/straw-broom.html

new file mode 100644 (file)

index 0000000..54eb2b5
--- /dev/null
+++ b/tests/straw-broom.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Straw broom charts demo</title>
+    <script type="text/javascript" src="../dygraph-dev.js"></script>
+
+    <script type="text/javascript" src="../src/extras/synchronizer.js"></script>
+    <script type="text/javascript" src="../src/extras/rebase.js"></script>
+
+    <script type="text/javascript" src="data.js"></script>
+
+    <style type="text/css">
+      #g1, #g2, #g3 {
+        width: 500px;
+        height: 300px;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <thead>
+        <caption>Hover, click and zoom to test the rebase:</caption>
+      </thead>
+      <tbody>
+        <tr>
+          <td>
+            <h2>Value:</h2>
+            <div id="g1"></div>
+          </td>
+          <td>
+            <h2>Percent:</h2>
+            <div id="g2"></div>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <h2>None:</h2>
+            <div id="g3"></div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script type="text/javascript">
+      var gs = [];
+      var rebaseOpts = [100, 'percent', null];
+      for (var i = 1; i <= 3; i++) {
+        var baseOpt = rebaseOpts.shift();
+        var rebase = new Dygraph.Plugins.Rebase(baseOpt);
+        gs.push(
+          new Dygraph(
+            document.getElementById("g" + i),
+            stockData,
+            { plugins: [rebase] }
+          )
+        );
+      }
+      Dygraph.synchronize(gs, { range: false });
+    </script>
+  </body>
+</html>