Commit | Line | Data |
---|---|---|
54425b14 | 1 | <!DOCTYPE html> |
00c281d4 NN |
2 | <html> |
3 | <head> | |
93a5bb4c | 4 | <link rel="stylesheet" href="../css/dygraph.css"> |
00c281d4 | 5 | <title>dygraph</title> |
7e5ddc94 DV |
6 | <!-- |
7 | For production (minified) code, use: | |
8 | <script type="text/javascript" src="dygraph-combined.js"></script> | |
9 | --> | |
fbd6834a | 10 | <script type="text/javascript" src="../dist/dygraph.js"></script> |
7e5ddc94 | 11 | |
00c281d4 NN |
12 | </head> |
13 | <body> | |
14 | <p>1: Line chart with axis at zero problem:</p> | |
15 | <div id="graph1"></div> | |
16 | <script type="text/javascript"> | |
f6fbf9e0 | 17 | var g1 = new Dygraph(document.getElementById("graph1"), |
00c281d4 NN |
18 | "Date,Temperature\n" + |
19 | "2008-05-07,0\n" + | |
20 | "2008-05-08,1\n" + | |
21 | "2008-05-09,0\n" + | |
22 | "2008-05-10,0\n" + | |
23 | "2008-05-11,3\n" + | |
24 | "2008-05-12,4\n" | |
25 | ) | |
26 | </script> | |
27 | ||
28 | <p>2: Step chart with axis at zero problem:</p> | |
29 | <div id="graphd2"></div> | |
30 | <script type="text/javascript"> | |
f6fbf9e0 | 31 | var g2 = new Dygraph(document.getElementById("graphd2"), |
00c281d4 NN |
32 | "Date,Temperature\n" + |
33 | "2008-05-07,0\n" + | |
34 | "2008-05-08,1\n" + | |
35 | "2008-05-09,0\n" + | |
36 | "2008-05-10,0\n" + | |
37 | "2008-05-11,3\n" + | |
38 | "2008-05-12,4\n", | |
39 | { | |
40 | stepPlot: true | |
41 | } | |
42 | ) | |
43 | </script> | |
44 | ||
45 | <p>3: Line chart with <code>avoidMinZero</code> option:</p> | |
46 | <div id="graph3"></div> | |
47 | <script type="text/javascript"> | |
f6fbf9e0 | 48 | var g3 = new Dygraph(document.getElementById("graph3"), |
00c281d4 NN |
49 | "Date,Temperature\n" + |
50 | "2008-05-07,0\n" + | |
51 | "2008-05-08,1\n" + | |
52 | "2008-05-09,0\n" + | |
53 | "2008-05-10,0\n" + | |
54 | "2008-05-11,3\n" + | |
55 | "2008-05-12,4\n", | |
56 | { | |
57 | avoidMinZero: true | |
58 | } | |
59 | ) | |
60 | </script> | |
61 | ||
62 | <p>4: Step chart with <code>avoidMinZero</code> option:</p> | |
63 | <div id="graphd4"></div> | |
64 | <script type="text/javascript"> | |
f6fbf9e0 | 65 | var g4 = new Dygraph(document.getElementById("graphd4"), |
00c281d4 NN |
66 | "Date,Temperature\n" + |
67 | "2008-05-07,0\n" + | |
68 | "2008-05-08,1\n" + | |
69 | "2008-05-09,0\n" + | |
70 | "2008-05-10,0\n" + | |
71 | "2008-05-11,3\n" + | |
72 | "2008-05-12,4\n", | |
73 | { | |
74 | stepPlot: true, | |
75 | avoidMinZero: true | |
76 | } | |
77 | ) | |
78 | </script> | |
79 | ||
80 | </body> | |
81 | </html> |