tests/noise.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>noise</title>
   5     <!--[if IE]>
   6     <script type="text/javascript" src="../excanvas.js"></script>
   7     <![endif]-->
   8     <script type="text/javascript" src="../strftime/strftime-min.js"></script>
   9     <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
  10     <script type="text/javascript" src="../dygraph-canvas.js"></script>
  11     <script type="text/javascript" src="../dygraph.js"></script>
  12     <script type="text/javascript" src="data.js"></script>
  13   </head>
  14   <body>
  15     <p>7-day rollup:</p>
  16     <div id="div_g" style="width:600px; height:300px;"></div>
  17     <p>14-Day Rollup:</p>
  18     <div id="div_g30" style="width:600px; height:300px;"></div>
  19
  20     <script type="text/javascript">
  21       g = new Dygraph(
  22             document.getElementById("div_g"),
  23             NoisyData, {
  24               rollPeriod: 7,
  25               errorBars: true,
  26               legend: 'always'
  27             }
  28           );
  29       g30 = new Dygraph(
  30             document.getElementById("div_g30"),
  31             NoisyData().replace(/,/g, "\t"), {
  32               rollPeriod: 14,
  33               errorBars: true,
  34               legend: 'always',
  35               labelsDivStyles: {
  36                 'text-align': 'right',
  37               },
  38               labelsDivWidth: 170
  39             }
  40           );
  41     </script>
  42   </body>
  43 </html>