Merge pull request #844 from ka7/feature/spelling
[dygraphs.git] / tests / missing-data.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <link rel="stylesheet" href="../dist/dygraph.css">
5 <title>missing data</title>
6 <script type="text/javascript" src="../dist/dygraph.js"></script>
7
8 </head>
9 <body>
10 <table>
11 <tr><td valign=top>
12 <div id="graph"></div>
13 <div id="graph2"></div>
14 </td><td valign=top>
15 <div id="graph3"></div>
16 <div id="graph4"></div>
17 </td><td valign=top>
18 <div id="graph5"></div>
19 <div id="graph6"></div>
20 </td></tr>
21 </table>
22
23 <script type="text/javascript">
24 g = new Dygraph(
25 document.getElementById("graph"),
26 "Date,GapSeries1,GapSeries2\n" +
27 "2009/12/01,10,10\n" +
28 "2009/12/02,15,11\n" +
29 "2009/12/03,,12\n" +
30 "2009/12/04,20,13\n" +
31 "2009/12/05,15,\n" +
32 "2009/12/06,18,15\n" +
33 "2009/12/07,12,16\n"
34 );
35
36 g2 = new Dygraph(
37 document.getElementById("graph2"),
38 [
39 [ new Date("2009/12/01"), 10, 10],
40 [ new Date("2009/12/02"), 15, 11],
41 [ new Date("2009/12/03"), null, 12],
42 [ new Date("2009/12/04"), 20, 13],
43 [ new Date("2009/12/05"), 15, null],
44 [ new Date("2009/12/06"), 18, 15],
45 [ new Date("2009/12/07"), 12, 16]
46 ],
47 {
48 labels: ["Date","GapSeries1","GapSeries2"],
49 showRoller: true
50 }
51 );
52
53 g3 = new Dygraph(
54 document.getElementById("graph3"),
55 [
56 [1, [10, 2], [20, 3]],
57 [2, [12, 2], [20, 3]],
58 [3, [ 8, 2], [20, 3]],
59 [4, [null, 2], [20, 3]],
60 [5, [null, 2], null],
61 [6, [ 9, 2], [20, 3]],
62 [7, [10, 2], [20, 3]]
63 ],
64 {
65 errorBars: true,
66 labels: [ "X", "Series1", "Series2" ]
67 }
68 );
69
70 g4 = new Dygraph(
71 document.getElementById("graph4"),
72 [
73 [1, [10, 2], [20, 3]],
74 [2, [12, 2], [20, 3]],
75 [3, [ 8, 2], [20, 3]],
76 [4, null, [20, 3]],
77 [5, null, [null, 3]],
78 [6, [ 9, 2], [20, 3]],
79 [7, [10, 2], [20, 3]]
80 ],
81 {
82 errorBars: true,
83 rollPeriod: 2,
84 labels: [ "X", "Series1", "Series2" ]
85 }
86 );
87
88 g5 = new Dygraph(
89 document.getElementById("graph5"),
90 [
91 [1, [10, 2], [20, 3]],
92 [2, [12, 2], [20, 3]],
93 [3, [ 8, 2], [20, 3]],
94 [4, [2, null], null],
95 [5, null, [null, 3]],
96 [6, [ 9, 2], [20, 3]],
97 [7, [10, 2], [20, 3]]
98 ],
99 {
100 errorBars: true,
101 connectSeparatedPoints: false,
102 labels: [ "X", "Series1", "Series2" ]
103 }
104 );
105
106 g6 = new Dygraph(
107 document.getElementById("graph6"),
108 [
109 [1, [8, 10,12],null],
110 [2, [3, 5,7],[4,6,7]],
111 [3, null,[1,2,4]],
112 [4, [ 9,null, 2],[3,4,8]],
113 [5, [null,2, null],[6,8,9]],
114 [6, [2,3, 6],[2,3,5]]
115 ],
116 {
117 customBars: true,
118 connectSeparatedPoints: false,
119 labels: [ "X", "Series1", "Series2"]
120 }
121 );
122 </script>
123 </body>
124 </html>