[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. 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>

    <!--
    To complete panning support:
    1. Find a way to implement RoundTime() in Dygraph.prototype.GetXAxis().
    2. Draw lines to points past the edge of the canvas.
    -->
  </body>
</html>
Commit	Line	Data
	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. In the second chart, there
	14	should be lines going off the edge of the chart (to data points out of
	15	view).</p>
	16
	17	<div id="div_g1" style="width:900px; height:300px;"></div>
	18	<div id="div_g2" style="width:900px; height:300px;"></div>
	19
	20	<script type="text/javascript">
	21	var data = [];
	22	for (var i = 1; i < 10; i++) {
	23	data.push([new Date("2009/10/0" + i), i%2, i%3]);
	24	}
	25
	26	g1 = new Dygraph(
	27	document.getElementById("div_g1"),
	28	data, {
	29	dateWindow: [ Date.parse("2009/09/29 12:00:00"),
	30	Date.parse("2009/10/10 12:00:00") ]
	31	}
	32	);
	33
	34	g2 = new Dygraph(
	35	document.getElementById("div_g2"),
	36	data, {
	37	dateWindow: [ Date.parse("2009/10/01 12:00:00"),
	38	Date.parse("2009/10/08 12:00:00") ]
	39	}
	40	);
	41	</script>
	42
	43	<!--
	44	To complete panning support:
	45	1. Find a way to implement RoundTime() in Dygraph.prototype.GetXAxis().
	46	2. Draw lines to points past the edge of the canvas.
	47	-->
	48	</body>
	49	</html>