tests/spacing.html

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