actually draw the graph
[dygraphs.git] / tests / spacing.html
1 <html>
2 <head>
3 <title>spacing</title>
4 <!--[if IE]>
5 <script type="text/javascript" src="excanvas.js"></script>
6 <![endif]-->
7 <script type="text/javascript" src="../dygraph-combined.js"></script>
8 <script type="text/javascript" src="../dygraph-canvas.js"></script>
9 <script type="text/javascript" src="../dygraph.js"></script>
10 <script type="text/javascript" src="data.js"></script>
11 </head>
12 <body>
13 <p>Wide</p>
14 <div id="div_g" style="width:800px; height:300px;"></div>
15
16 <p>Narrow</p>
17 <div id="div_g2" style="width:300px; height:200px;"></div>
18
19 <script type="text/javascript">
20 g = new Dygraph(
21 document.getElementById("div_g"),
22 data, {
23 rollPeriod: 7,
24 pixelsPerYLabel: 20
25 }
26 );
27 g2 = new Dygraph(
28 document.getElementById("div_g2"),
29 data, {
30 rollPeriod: 7,
31 pixelsPerYLabel: 20
32 }
33 );
34 </script>
35 </body>
36 </html>