[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]-->
    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
    <script type="text/javascript" src="../dygraph-canvas.js"></script>
    <script type="text/javascript" src="../dygraph.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") ]
             }
           );

      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") ]
             }
           );
    </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]-->
d37dca40 DV	9	<script type="text/javascript" src="../strftime/strftime-min.js"></script>
d37dca40 DV	10	<script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
f6401bf6 DV	11	<script type="text/javascript" src="../dygraph-canvas.js"></script>
	12	<script type="text/javascript" src="../dygraph.js"></script>
	13	</head>
	14	<body>
	15	<p>dateWindow is set to something other than an x-value in the data set.
3d29302c DV	16	Grid lines should still go through data points. In the second chart, there
	17	should be lines going off the edge of the chart (to data points out of
	18	view).</p>
f6401bf6	19
3d29302c DV	20	<div id="div_g1" style="width:900px; height:300px;"></div>
3d29302c DV	21	<div id="div_g2" style="width:900px; height:300px;"></div>
f6401bf6 DV	22
	23	<script type="text/javascript">
	24	var data = [];
d56573af	25	for (var i = 1; i < 10; i++) {
1e675df1	26	data.push([new Date("2009/10/0" + i), i%2, i%3]);
f6401bf6 DV	27	}
f6401bf6 DV	28
3d29302c DV	29	g1 = new Dygraph(
	30	document.getElementById("div_g1"),
	31	data, {
	32	dateWindow: [ Date.parse("2009/09/29 12:00:00"),
	33	Date.parse("2009/10/10 12:00:00") ]
	34	}
	35	);
	36
	37	g2 = new Dygraph(
	38	document.getElementById("div_g2"),
	39	data, {
	40	dateWindow: [ Date.parse("2009/10/01 12:00:00"),
	41	Date.parse("2009/10/08 12:00:00") ]
	42	}
	43	);
f6401bf6 DV	44	</script>
	45	</body>
	46	</html>