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