4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>Live random data
</title>
7 For production (minified) code, use:
8 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
10 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
14 <h3 style=
"width:800px; text-align: center;">Live random data
</h3>
15 <div id=
"div_g" style=
"width:800px; height:400px;"></div>
17 <script type=
"text/javascript">
20 for (var i =
10; i
>=
0; i--) {
21 var x = new Date(t.getTime() - i *
1000);
22 data.push([x, Math.random()]);
25 var g = new Dygraph(document.getElementById(
"div_g"), data,
29 valueRange: [
0.0,
1.2],
30 labels: ['Time', 'Random']
32 setInterval(function() {
33 var x = new Date(); // current time
34 var y = Math.random();
36 g.updateOptions( { 'file': data } );
41 <p>This test is modeled after a
<a
42 href=
"http://www.highcharts.com/demo/?example=dynamic-update&theme=default">highcharts
43 test
</a>. New points should appear once per second. Try zooming and
44 panning over to the right edge to watch them show up.
</p>