[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
54425b14	1	<!DOCTYPE html>
1ce3af6f DV	2	<html>
1ce3af6f DV	3	<head>
10494b48	4	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
9a730910	5	<title>missing data</title>
1ce3af6f	6	<!--[if IE]>
a2b2c3a1	7	<script type="text/javascript" src="../excanvas.js"></script>
1ce3af6f	8	<![endif]-->
7e5ddc94 DV	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
1ce3af6f DV	15	</head>
1ce3af6f DV	16	<body>
5011e7a1 DV	17	<table>
5011e7a1 DV	18	<tr><td valign=top>
1ce3af6f	19	<div id="graph"></div>
584ceeaa	20	<div id="graph2"></div>
5011e7a1	21	</td><td valign=top>
584ceeaa	22	<div id="graph3"></div>
b7a294a8	23	<div id="graph4"></div>
5011e7a1 DV	24	</td></tr>
5011e7a1 DV	25	</table>
584ceeaa	26
1ce3af6f	27	<script type="text/javascript">
24e5350c	28	g = new Dygraph(
1ce3af6f	29	document.getElementById("graph"),
9a730910 DV	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"
1ce3af6f	38	);
584ceeaa	39
24e5350c	40	g2 = new Dygraph(
584ceeaa DV	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	],
2847c1cf DV	51	{
	52	labels: ["Date","GapSeries1","GapSeries2"],
	53	showRoller: true
	54	}
584ceeaa	55	);
5011e7a1	56
24e5350c	57	g3 = new Dygraph(
5011e7a1 DV	58	document.getElementById("graph3"),
	59	[
	60	[1, [10, 2], [20, 3]],
bb441ec6 DV	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]],
d16579a0	66	[7, [10, 2], [20, 3]]
5011e7a1 DV	67	],
	68	{
	69	errorBars: true,
	70	labels: [ "X", "Series1", "Series2" ]
	71	}
	72	);
b7a294a8	73
24e5350c	74	g4 = new Dygraph(
b7a294a8 DV	75	document.getElementById("graph4"),
	76	[
	77	[1, [10, 2], [20, 3]],
bb441ec6 DV	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]],
d16579a0	83	[7, [10, 2], [20, 3]]
b7a294a8 DV	84	],
	85	{
	86	errorBars: true,
	87	rollPeriod: 2,
	88	labels: [ "X", "Series1", "Series2" ]
	89	}
	90	);
1ce3af6f DV	91	</script>
	92	</body>
	93	</html>