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="../plotkit_v091/PlotKit/Layout.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     </td></tr>
  20     </table>
  21
  22     <script type="text/javascript">
  23     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     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       { labels: ["Date","GapSeries1","GapSeries2"] }
  47     );
  48
  49     new Dygraph(
  50       document.getElementById("graph3"),
  51       [
  52         [1, [10, 2], [20, 3]],
  53         [2, [12, 2], [22, 3]],
  54         [3, [ 8, 2], [25, 3]],
  55         [4, [null, 2], [18, 3]],
  56         [5, [11, 2], [20, 3]],
  57         [6, [ 9, 2], [22, 3]],
  58         [7, [10, 2], [23, 3]],
  59       ],
  60       {
  61         errorBars: true,
  62         labels: [ "X", "Series1", "Series2" ]
  63       }
  64     );
  65     </script>
  66   </body>
  67 </html>