tests/missing-data.html

   1 <html>
   2   <head>
   3     <title>missing data</title>
   4     <!--[if IE]>
   5     <script type="text/javascript" src="../excanvas.js"></script>
   6     <![endif]-->
   7     <script type="text/javascript" src="../strftime/strftime-min.js"></script>
   8     <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
   9     <script type="text/javascript" src="../dygraph-canvas.js"></script>
  10     <script type="text/javascript" src="../dygraph.js"></script>
  11   </head>
  12   <body>
  13     <table>
  14     <tr><td valign=top>
  15     <div id="graph"></div>
  16     <div id="graph2"></div>
  17     </td><td valign=top>
  18     <div id="graph3"></div>
  19     <div id="graph4"></div>
  20     </td></tr>
  21     </table>
  22
  23     <script type="text/javascript">
  24     g = new Dygraph(
  25       document.getElementById("graph"),
  26       "Date,GapSeries1,GapSeries2\n" +
  27       "2009/12/01,10,10\n" +
  28       "2009/12/02,15,11\n" +
  29       "2009/12/03,,12\n" +
  30       "2009/12/04,20,13\n" +
  31       "2009/12/05,15,\n" +
  32       "2009/12/06,18,15\n" +
  33       "2009/12/07,12,16\n"
  34     );
  35
  36     g2 = new Dygraph(
  37       document.getElementById("graph2"),
  38       [
  39         [ new Date("2009/12/01"), 10, 10],
  40         [ new Date("2009/12/02"), 15, 11],
  41         [ new Date("2009/12/03"), null, 12],
  42         [ new Date("2009/12/04"), 20, 13],
  43         [ new Date("2009/12/05"), 15, null],
  44         [ new Date("2009/12/06"), 18, 15],
  45         [ new Date("2009/12/07"), 12, 16]
  46       ],
  47       {
  48         labels: ["Date","GapSeries1","GapSeries2"],
  49         showRoller: true
  50       }
  51     );
  52
  53     g3 = new Dygraph(
  54       document.getElementById("graph3"),
  55       [
  56         [1, [10, 2], [20, 3]],
  57         [2, [12, 2], [20, 3]],
  58         [3, [ 8, 2], [20, 3]],
  59         [4, [null, 2], [20, 3]],
  60         [5, [null, 2], [null, 3]],
  61         [6, [ 9, 2], [20, 3]],
  62         [7, [10, 2], [20, 3]]
  63       ],
  64       {
  65         errorBars: true,
  66         labels: [ "X", "Series1", "Series2" ]
  67       }
  68     );
  69
  70     g4 = new Dygraph(
  71       document.getElementById("graph4"),
  72       [
  73         [1, [10, 2], [20, 3]],
  74         [2, [12, 2], [20, 3]],
  75         [3, [ 8, 2], [20, 3]],
  76         [4, [null, 2], [20, 3]],
  77         [5, [null, 2], [null, 3]],
  78         [6, [ 9, 2], [20, 3]],
  79         [7, [10, 2], [20, 3]]
  80       ],
  81       {
  82         errorBars: true,
  83         rollPeriod: 2,
  84         labels: [ "X", "Series1", "Series2" ]
  85       }
  86     );
  87     </script>
  88   </body>
  89 </html>