tests/spacing.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <link rel="stylesheet" href="../dist/dygraph.css">
   5     <title>spacing</title>
   6     <script type="text/javascript" src="../dist/dygraph.js"></script>
   7
   8     <script type="text/javascript" src="data.js"></script>
   9   </head>
  10   <body>
  11     <p>Wide</p>
  12     <div id="div_g" style="width:800px; height:300px;"></div>
  13
  14     <p>Narrow</p>
  15     <div id="div_g2" style="width:300px; height:200px;"></div>
  16
  17     <script type="text/javascript">
  18       g = new Dygraph(
  19             document.getElementById("div_g"),
  20             data, {
  21               rollPeriod: 7,
  22               axes: {
  23                 y: {
  24                   pixelsPerLabel: 20
  25                 }
  26               }
  27             }
  28           );
  29       g2 = new Dygraph(
  30             document.getElementById("div_g2"),
  31             data, {
  32               rollPeriod: 7,
  33               axes: {
  34                 y: {
  35                   pixelsPerLabel: 20
  36                 }
  37               }
  38             }
  39           );
  40     </script>
  41   </body>
  42 </html>