tests/resize.html

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