[dygraphs.git] / tests / dateWindow.html

<html>
  <head>
    <title>dateWindow</title>
    <!--[if IE]>
    <script type="text/javascript" src="excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="../dygraph-combined.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.</p>

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

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

      g = new Dygraph(
            document.getElementById("div_g"),
            data, {
              dateWindow: [ Date.parse("2009/09/29 12:00:00"),
                            Date.parse("2009/10/10 12:00:00") ]
            }
          );
    </script>
  </body>
</html>
Commit	Line	Data
f6401bf6 DV	1	<html>
	2	<head>
	3	<title>dateWindow</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="../dygraph.js"></script>
	10	</head>
	11	<body>
	12	<p>dateWindow is set to something other than an x-value in the data set.
	13	Grid lines should still go through data points.</p>
	14
1e675df1	15	<div id="div_g" style="width:900px; height:300px;"></div>
f6401bf6 DV	16
	17	<script type="text/javascript">
	18	var data = [];
	19	for (var i = 0; i < 10; i++) {
1e675df1	20	data.push([new Date("2009/10/0" + i), i%2, i%3]);
f6401bf6 DV	21	}
	22
	23	g = new Dygraph(
	24	document.getElementById("div_g"),
	25	data, {
1e675df1 DV	26	dateWindow: [ Date.parse("2009/09/29 12:00:00"),
1e675df1 DV	27	Date.parse("2009/10/10 12:00:00") ]
f6401bf6 DV	28	}
	29	);
	30	</script>
	31	</body>
	32	</html>