tests/temperature-sf-ny.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Temperatures</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     #bordered {
  14       border: 1px solid red;
  15     }
  16     </style>
  17   </head>
  18   <body>
  19     <p>Demo of a graph with many data points and custom error bars.</p>
  20     <p>
  21       No roll period.
  22     </p>
  23     <div id="noroll" style="width:800px; height:320px;"></div>
  24     <p>
  25       Roll period of 14 timesteps.
  26     </p>
  27     <div id="roll14" style="width:800px; height:320px;"></div>
  28     <script type="text/javascript">
  29       g1 = new Dygraph(
  30           document.getElementById("noroll"),
  31           data_temp,
  32           {
  33             customBars: true,
  34             title: 'Daily Temperatures in New York vs. San Francisco',
  35             ylabel: 'Temperature (F)',
  36             legend: 'always',
  37             labelsDivStyles: { 'textAlign': 'right' }
  38           }
  39       );
  40       g2 = new Dygraph(
  41           document.getElementById("roll14"),
  42           data_temp,
  43           {
  44             rollPeriod: 14,
  45             showRoller: true,
  46             customBars: true,
  47             title: 'Daily Temperatures in New York vs. San Francisco',
  48             ylabel: 'Temperature (F)',
  49             legend: 'always',
  50             labelsDivStyles: { 'textAlign': 'right' }
  51           }
  52       );
  53     </script>
  54   </body>
  55 </html>