3 <title>Live random data
</title>
5 <script type=
"text/javascript" src=
"excanvas.js"></script>
7 <script type=
"text/javascript" src=
"../dygraph-combined.js"></script>
8 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
9 <script type=
"text/javascript" src=
"../dygraph.js"></script>
12 <h3 style=
"width:800px; text-align: center;">Live random data
</h3>
13 <div id=
"div_g" style=
"width:800px; height:400px;"></div>
15 <script type=
"text/javascript">
18 for (var i =
10; i
>=
0; i--) {
19 var x = new Date(t.getTime() - i *
1000);
20 data.push([x, Math.random()]);
23 var g = new Dygraph(document.getElementById(
"div_g"), data,
27 valueRange: [
0.0,
1.2],
28 labels: ['Time', 'Random']
30 setInterval(function() {
31 var x = new Date(); // current time
32 var y = Math.random();
34 g.updateOptions( { 'file': data } );
39 <p>This test is modeled after a
<a
40 href=
"http://www.highcharts.com/demo/?example=dynamic-update&theme=default">highcharts
41 test
</a>. New points should appear once per second. Try zooming and
42 panning over to the right edge to watch them show up.
</p>