6 <script type=
"text/javascript" src=
"../dygraph-dev.js"></script>
8 <script type=
"text/javascript" src=
"../bundle.js"></script>
12 <font size=-
1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom out.)
</font><br/>
14 <div id=
"demodiv"></div>
16 <div id=
"status" style=
"width:200px; font-size:0.8em; padding-top:5px;"></div>
19 <script type=
"text/javascript">
21 document.getElementById(
"demodiv"),
23 var zp = function(x) { if (x <
10) return
"0"+x; else return x; };
24 var r =
"date,parabola,line,another line,sine wave\n";
25 for (var i=
1; i<=
31; i++) {
26 r +=
"200610" + zp(i);
27 r +=
"," +
10*(i*(
31-i));
29 r +=
"," +
10*(
250 -
8*i);
30 r +=
"," +
10*(
125 +
125 * Math.sin(
0.3*i));
36 labelsDiv: document.getElementById('status'),
37 labelsSeparateLines: true,
40 colors: [
"rgb(51,204,204)",
43 "rgba(50,50,200,0.4)"],
46 title: 'Interesting Shapes',
49 axisLineColor: 'white',
50 showRangeSelector: true