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, |
5cb20998 | 25 | pixelsPerYLabel: 20 |
fd2a2ee2 DV |
26 | } |
27 | ); | |
285a6bda | 28 | g2 = new Dygraph( |
d16579a0 | 29 | document.getElementById("div_g2"), |
285a6bda | 30 | data, { |
fd2a2ee2 | 31 | rollPeriod: 7, |
5cb20998 | 32 | pixelsPerYLabel: 20 |
fd2a2ee2 DV |
33 | } |
34 | ); | |
35 | </script> | |
36 | </body> | |
37 | </html> |