tests/resize.html

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