[dygraphs.git] / tests / missing-data.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>missing data</title>
    <!--[if IE]>
    <script type="text/javascript" src="../excanvas.js"></script>
    <![endif]-->
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dygraph-dev.js"></script>

  </head>
  <body>
    <table>
    <tr><td valign=top>
    <div id="graph"></div>
    <div id="graph2"></div>
    </td><td valign=top>
    <div id="graph3"></div>
    <div id="graph4"></div>
    </td></tr>
    </table>

    <script type="text/javascript">
    g = new Dygraph(
      document.getElementById("graph"),
      "Date,GapSeries1,GapSeries2\n" +
      "2009/12/01,10,10\n" +
      "2009/12/02,15,11\n" +
      "2009/12/03,,12\n" +
      "2009/12/04,20,13\n" +
      "2009/12/05,15,\n" +
      "2009/12/06,18,15\n" +
      "2009/12/07,12,16\n"
    );

    g2 = new Dygraph(
      document.getElementById("graph2"),
      [
        [ new Date("2009/12/01"), 10, 10],
        [ new Date("2009/12/02"), 15, 11],
        [ new Date("2009/12/03"), null, 12],
        [ new Date("2009/12/04"), 20, 13],
        [ new Date("2009/12/05"), 15, null],
        [ new Date("2009/12/06"), 18, 15],
        [ new Date("2009/12/07"), 12, 16]
      ],
      {
        labels: ["Date","GapSeries1","GapSeries2"],
        showRoller: true
      }
    );

    g3 = new Dygraph(
      document.getElementById("graph3"),
      [
        [1, [10, 2], [20, 3]],
        [2, [12, 2], [20, 3]],
        [3, [ 8, 2], [20, 3]],
        [4, [null, 2], [20, 3]],
        [5, [null, 2], [null, 3]],
        [6, [ 9, 2], [20, 3]],
        [7, [10, 2], [20, 3]]
      ],
      {
        errorBars: true,
        labels: [ "X", "Series1", "Series2" ]
      }
    );

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