tests/missing-data.html

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