ignore env
[dygraphs.git] / tests / missing-data.html
CommitLineData
54425b14 1<!DOCTYPE html>
1ce3af6f
DV
2<html>
3 <head>
10494b48 4 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
9a730910 5 <title>missing data</title>
1ce3af6f 6 <!--[if IE]>
a2b2c3a1 7 <script type="text/javascript" src="../excanvas.js"></script>
1ce3af6f 8 <![endif]-->
7e5ddc94
DV
9 <!--
10 For production (minified) code, use:
11 <script type="text/javascript" src="dygraph-combined.js"></script>
12 -->
13 <script type="text/javascript" src="../dygraph-dev.js"></script>
14
1ce3af6f
DV
15 </head>
16 <body>
5011e7a1
DV
17 <table>
18 <tr><td valign=top>
1ce3af6f 19 <div id="graph"></div>
584ceeaa 20 <div id="graph2"></div>
5011e7a1 21 </td><td valign=top>
584ceeaa 22 <div id="graph3"></div>
b7a294a8 23 <div id="graph4"></div>
61d0e7b3
DE
24 </td><td valign=top>
25 <div id="graph5"></div>
26 <div id="graph6"></div>
5011e7a1
DV
27 </td></tr>
28 </table>
584ceeaa 29
1ce3af6f 30 <script type="text/javascript">
24e5350c 31 g = new Dygraph(
1ce3af6f 32 document.getElementById("graph"),
9a730910
DV
33 "Date,GapSeries1,GapSeries2\n" +
34 "2009/12/01,10,10\n" +
35 "2009/12/02,15,11\n" +
36 "2009/12/03,,12\n" +
37 "2009/12/04,20,13\n" +
38 "2009/12/05,15,\n" +
39 "2009/12/06,18,15\n" +
40 "2009/12/07,12,16\n"
1ce3af6f 41 );
584ceeaa 42
24e5350c 43 g2 = new Dygraph(
584ceeaa
DV
44 document.getElementById("graph2"),
45 [
46 [ new Date("2009/12/01"), 10, 10],
47 [ new Date("2009/12/02"), 15, 11],
48 [ new Date("2009/12/03"), null, 12],
49 [ new Date("2009/12/04"), 20, 13],
50 [ new Date("2009/12/05"), 15, null],
51 [ new Date("2009/12/06"), 18, 15],
52 [ new Date("2009/12/07"), 12, 16]
53 ],
2847c1cf
DV
54 {
55 labels: ["Date","GapSeries1","GapSeries2"],
56 showRoller: true
57 }
584ceeaa 58 );
5011e7a1 59
24e5350c 60 g3 = new Dygraph(
5011e7a1
DV
61 document.getElementById("graph3"),
62 [
63 [1, [10, 2], [20, 3]],
bb441ec6
DV
64 [2, [12, 2], [20, 3]],
65 [3, [ 8, 2], [20, 3]],
66 [4, [null, 2], [20, 3]],
0192f267 67 [5, [null, 2], null],
bb441ec6 68 [6, [ 9, 2], [20, 3]],
d16579a0 69 [7, [10, 2], [20, 3]]
5011e7a1
DV
70 ],
71 {
72 errorBars: true,
73 labels: [ "X", "Series1", "Series2" ]
74 }
75 );
b7a294a8 76
24e5350c 77 g4 = new Dygraph(
b7a294a8
DV
78 document.getElementById("graph4"),
79 [
80 [1, [10, 2], [20, 3]],
bb441ec6
DV
81 [2, [12, 2], [20, 3]],
82 [3, [ 8, 2], [20, 3]],
0192f267
DE
83 [4, null, [20, 3]],
84 [5, null, [null, 3]],
bb441ec6 85 [6, [ 9, 2], [20, 3]],
d16579a0 86 [7, [10, 2], [20, 3]]
b7a294a8
DV
87 ],
88 {
89 errorBars: true,
90 rollPeriod: 2,
91 labels: [ "X", "Series1", "Series2" ]
92 }
93 );
61d0e7b3
DE
94
95 g5 = new Dygraph(
96 document.getElementById("graph5"),
97 [
98 [1, [10, 2], [20, 3]],
99 [2, [12, 2], [20, 3]],
100 [3, [ 8, 2], [20, 3]],
101 [4, [2, null], null],
102 [5, null, [null, 3]],
103 [6, [ 9, 2], [20, 3]],
104 [7, [10, 2], [20, 3]]
105 ],
106 {
107 errorBars: true,
0192f267 108 connectSeparatedPoints: false,
61d0e7b3
DE
109 labels: [ "X", "Series1", "Series2" ]
110 }
111 );
112
113 g6 = new Dygraph(
114 document.getElementById("graph6"),
115 [
0192f267
DE
116 [1, [8, 10,12],null],
117 [2, [3, 5,7],[4,6,7]],
118 [3, null,[1,2,4]],
119 [4, [ 9,null, 2],[3,4,8]],
120 [5, [null,2, null],[6,8,9]],
121 [6, [2,3, 6],[2,3,5]]
61d0e7b3
DE
122 ],
123 {
124 customBars: true,
0192f267
DE
125 connectSeparatedPoints: false,
126 labels: [ "X", "Series1", "Series2"]
61d0e7b3
DE
127 }
128 );
1ce3af6f
DV
129 </script>
130 </body>
131</html>