4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>Live random data
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
9 <script type=
"text/javascript" src=
"../strftime/strftime-min.js"></script>
10 <script type=
"text/javascript" src=
"../rgbcolor/rgbcolor.js"></script>
11 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
12 <script type=
"text/javascript" src=
"../dygraph.js"></script>
15 <h3 style=
"width:800px; text-align: center;">Live random data
</h3>
16 <div id=
"div_g" style=
"width:800px; height:400px;"></div>
18 <script type=
"text/javascript">
21 for (var i =
10; i
>=
0; i--) {
22 var x = new Date(t.getTime() - i *
1000);
23 data.push([x, Math.random()]);
26 var g = new Dygraph(document.getElementById(
"div_g"), data,
30 valueRange: [
0.0,
1.2],
31 labels: ['Time', 'Random']
33 setInterval(function() {
34 var x = new Date(); // current time
35 var y = Math.random();
37 g.updateOptions( { 'file': data } );
42 <p>This test is modeled after a
<a
43 href=
"http://www.highcharts.com/demo/?example=dynamic-update&theme=default">highcharts
44 test
</a>. New points should appear once per second. Try zooming and
45 panning over to the right edge to watch them show up.
</p>