[dygraphs.git] / tests / dateWindow.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>dateWindow</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>
    <p>dateWindow is set to something other than an x-value in the data set.
    Grid lines should still go through data points. In the second chart, there
    should be lines going off the edge of the chart (to data points out of
    view).</p>

    <div id="div_g1" style="width:900px; height:300px;"></div>
    <div id="div_g2" style="width:900px; height:300px;"></div>

    <script type="text/javascript">
      var data = [];
      for (var i = 1; i < 10; i++) {
        data.push([new Date("2009/10/0" + i), i%2, i%3]);
      }

      g1 = new Dygraph(
             document.getElementById("div_g1"),
             data, {
               dateWindow: [ Date.parse("2009/09/29 12:00:00"),
                             Date.parse("2009/10/10 12:00:00") ],
               labels: [ 'Date', 'Y1', 'Y2' ]
             }
           );

      g2 = new Dygraph(
             document.getElementById("div_g2"),
             data, {
               dateWindow: [ Date.parse("2009/10/01 12:00:00"),
                             Date.parse("2009/10/08 12:00:00") ],
               labels: [ 'Date', 'Y1', 'Y2' ]
             }
           );
    </script>
  </body>
</html>
Commit	Line	Data
54425b14	1	<!DOCTYPE html>
f6401bf6 DV	2	<html>
f6401bf6 DV	3	<head>
10494b48	4	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
f6401bf6 DV	5	<title>dateWindow</title>
f6401bf6 DV	6	<!--[if IE]>
a2b2c3a1	7	<script type="text/javascript" src="../excanvas.js"></script>
f6401bf6	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
f6401bf6 DV	15	</head>
	16	<body>
	17	<p>dateWindow is set to something other than an x-value in the data set.
3d29302c DV	18	Grid lines should still go through data points. In the second chart, there
	19	should be lines going off the edge of the chart (to data points out of
	20	view).</p>
f6401bf6	21
3d29302c DV	22	<div id="div_g1" style="width:900px; height:300px;"></div>
3d29302c DV	23	<div id="div_g2" style="width:900px; height:300px;"></div>
f6401bf6 DV	24
	25	<script type="text/javascript">
	26	var data = [];
d56573af	27	for (var i = 1; i < 10; i++) {
1e675df1	28	data.push([new Date("2009/10/0" + i), i%2, i%3]);
f6401bf6 DV	29	}
f6401bf6 DV	30
3d29302c DV	31	g1 = new Dygraph(
	32	document.getElementById("div_g1"),
	33	data, {
	34	dateWindow: [ Date.parse("2009/09/29 12:00:00"),
300c5ff0 DV	35	Date.parse("2009/10/10 12:00:00") ],
300c5ff0 DV	36	labels: [ 'Date', 'Y1', 'Y2' ]
3d29302c DV	37	}
	38	);
	39
	40	g2 = new Dygraph(
	41	document.getElementById("div_g2"),
	42	data, {
	43	dateWindow: [ Date.parse("2009/10/01 12:00:00"),
300c5ff0 DV	44	Date.parse("2009/10/08 12:00:00") ],
300c5ff0 DV	45	labels: [ 'Date', 'Y1', 'Y2' ]
3d29302c DV	46	}
3d29302c DV	47	);
f6401bf6 DV	48	</script>
	49	</body>
	50	</html>