tests/resize.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>resize the window</title>
   5     <!--
   6     For production (minified) code, use:
   7     <script type="text/javascript" src="dygraph-combined.js"></script>
   8     -->
   9     <script type="text/javascript" src="../dist/dygraph.js"></script>
  10
  11     <script type="text/javascript" src="data.js"></script>
  12     <style type="text/css">
  13     #div_g {
  14       position: absolute;
  15       left: 10px;
  16       right: 10px;
  17       top: 40px;
  18       bottom: 10px;
  19     }
  20     </style>
  21   </head>
  22   <body>
  23     <p>Resize the window. The dygraph will resize with it.</p>
  24     <div id="div_g"></div>
  25
  26     <script type="text/javascript">
  27       g = new Dygraph(
  28             document.getElementById("div_g"),
  29             NoisyData, {
  30               rollPeriod: 7,
  31               errorBars: true
  32             }
  33           );
  34     </script>
  35   </body>
  36 </html>