Commit | Line | Data |
---|---|---|
54425b14 | 1 | <!DOCTYPE html> |
fd2a2ee2 DV |
2 | <html> |
3 | <head> | |
4 | <title>spacing</title> | |
7e5ddc94 DV |
5 | <!-- |
6 | For production (minified) code, use: | |
7 | <script type="text/javascript" src="dygraph-combined.js"></script> | |
8 | --> | |
fbd6834a | 9 | <script type="text/javascript" src="../dist/dygraph.js"></script> |
7e5ddc94 | 10 | |
fd2a2ee2 DV |
11 | <script type="text/javascript" src="data.js"></script> |
12 | </head> | |
13 | <body> | |
14 | <p>Wide</p> | |
d16579a0 | 15 | <div id="div_g" style="width:800px; height:300px;"></div> |
fd2a2ee2 DV |
16 | |
17 | <p>Narrow</p> | |
d16579a0 | 18 | <div id="div_g2" style="width:300px; height:200px;"></div> |
fd2a2ee2 DV |
19 | |
20 | <script type="text/javascript"> | |
285a6bda | 21 | g = new Dygraph( |
d16579a0 | 22 | document.getElementById("div_g"), |
285a6bda | 23 | data, { |
32988383 | 24 | rollPeriod: 7, |
2b66af4f DV |
25 | axes: { |
26 | y: { | |
27 | pixelsPerLabel: 20 | |
28 | } | |
29 | } | |
fd2a2ee2 DV |
30 | } |
31 | ); | |
285a6bda | 32 | g2 = new Dygraph( |
d16579a0 | 33 | document.getElementById("div_g2"), |
285a6bda | 34 | data, { |
fd2a2ee2 | 35 | rollPeriod: 7, |
2b66af4f DV |
36 | axes: { |
37 | y: { | |
38 | pixelsPerLabel: 20 | |
39 | } | |
40 | } | |
fd2a2ee2 DV |
41 | } |
42 | ); | |
43 | </script> | |
44 | </body> | |
45 | </html> |