some tweaks to knikhil's change
[dygraphs.git] / tests / missing-data.html
CommitLineData
1ce3af6f
DV
1<html>
2 <head>
9a730910 3 <title>missing data</title>
1ce3af6f
DV
4 <!--[if IE]>
5 <script type="text/javascript" src="excanvas.js"></script>
6 <![endif]-->
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>
10 </head>
11 <body>
5011e7a1
DV
12 <table>
13 <tr><td valign=top>
1ce3af6f 14 <div id="graph"></div>
584ceeaa 15 <div id="graph2"></div>
5011e7a1 16 </td><td valign=top>
584ceeaa 17 <div id="graph3"></div>
b7a294a8 18 <div id="graph4"></div>
5011e7a1
DV
19 </td></tr>
20 </table>
584ceeaa 21
1ce3af6f 22 <script type="text/javascript">
24e5350c 23 g = new Dygraph(
1ce3af6f 24 document.getElementById("graph"),
9a730910
DV
25 "Date,GapSeries1,GapSeries2\n" +
26 "2009/12/01,10,10\n" +
27 "2009/12/02,15,11\n" +
28 "2009/12/03,,12\n" +
29 "2009/12/04,20,13\n" +
30 "2009/12/05,15,\n" +
31 "2009/12/06,18,15\n" +
32 "2009/12/07,12,16\n"
1ce3af6f 33 );
584ceeaa 34
24e5350c 35 g2 = new Dygraph(
584ceeaa
DV
36 document.getElementById("graph2"),
37 [
38 [ new Date("2009/12/01"), 10, 10],
39 [ new Date("2009/12/02"), 15, 11],
40 [ new Date("2009/12/03"), null, 12],
41 [ new Date("2009/12/04"), 20, 13],
42 [ new Date("2009/12/05"), 15, null],
43 [ new Date("2009/12/06"), 18, 15],
44 [ new Date("2009/12/07"), 12, 16]
45 ],
2847c1cf
DV
46 {
47 labels: ["Date","GapSeries1","GapSeries2"],
48 showRoller: true
49 }
584ceeaa 50 );
5011e7a1 51
24e5350c 52 g3 = new Dygraph(
5011e7a1
DV
53 document.getElementById("graph3"),
54 [
55 [1, [10, 2], [20, 3]],
bb441ec6
DV
56 [2, [12, 2], [20, 3]],
57 [3, [ 8, 2], [20, 3]],
58 [4, [null, 2], [20, 3]],
59 [5, [null, 2], [null, 3]],
60 [6, [ 9, 2], [20, 3]],
d16579a0 61 [7, [10, 2], [20, 3]]
5011e7a1
DV
62 ],
63 {
64 errorBars: true,
65 labels: [ "X", "Series1", "Series2" ]
66 }
67 );
b7a294a8 68
24e5350c 69 g4 = new Dygraph(
b7a294a8
DV
70 document.getElementById("graph4"),
71 [
72 [1, [10, 2], [20, 3]],
bb441ec6
DV
73 [2, [12, 2], [20, 3]],
74 [3, [ 8, 2], [20, 3]],
75 [4, [null, 2], [20, 3]],
76 [5, [null, 2], [null, 3]],
77 [6, [ 9, 2], [20, 3]],
d16579a0 78 [7, [10, 2], [20, 3]]
b7a294a8
DV
79 ],
80 {
81 errorBars: true,
82 rollPeriod: 2,
83 labels: [ "X", "Series1", "Series2" ]
84 }
85 );
1ce3af6f
DV
86 </script>
87 </body>
88</html>