add live updates test

[dygraphs.git] / tests / dynamic-update.html
diff --git a/tests/dynamic-update.html b/tests/dynamic-update.html

new file mode 100644 (file)

index 0000000..38328ea
--- /dev/null
+++ b/tests/dynamic-update.html
@@ -0,0 +1,39 @@
+<html>
+  <head>
+    <title>Live random data</title>
+    <!--[if IE]>
+    <script type="text/javascript" src="excanvas.js"></script>
+    <![endif]-->
+    <script type="text/javascript" src="../dygraph-combined.js"></script>
+    <script type="text/javascript" src="../dygraph-canvas.js"></script>
+    <script type="text/javascript" src="../dygraph.js"></script>
+  </head>
+  <body>
+    <div id="div_g" style="width:600px; height:300px;"></div>
+    <div id="status"></div>
+
+    <script type="text/javascript">
+      var data = [];
+      var t = new Date();
+      for (var i = 10; i >= 0; i--) {
+        var x = new Date(t.getTime() - i * 1000);
+        data.push([x, Math.random()]);
+      }
+
+      var g = new Dygraph(document.getElementById("div_g"), data,
+                          {
+                            drawPoints: true,
+                            showRoller: true,
+                            valueRange: [0.0, 1.2],
+                            labels: ['Time', 'Random']
+                          });
+      setInterval(function() {
+        var x = new Date();  // current time
+        var y = Math.random();
+        data.push([x, y]);
+        g.updateOptions( { 'file': data } );
+      }, 1000);
+
+    </script>
+  </body>
+</html>