[dygraphs.git] / tests / negative.html

<html>
  <head>
    <title>negatives</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>All negatives (x-axis on top):</p>
    <div id="g1" style="width:600px; height:200px;"></div>

    <p>Mixed (x-axis in middle):</p>
    <div id="g2" style="width:600px; height:200px;"></div>

    <p>All positives (x-axis on bottom):</p>
    <div id="g3" style="width:600px; height:200px;"></div>

    <script type="text/javascript">
      var negs = [];
      var mixed = [];
      var pos = [];
      for (var i = 0; i < 100; i++) {
        negs.push([i, -210 + i, -110 - i]);
        mixed.push([i, -50 + i, 50 - i]);
        pos.push([i, 1000 + 2 * i, 1100 + i]);
      }

      new Dygraph(
        document.getElementById("g1"),
        negs, { labels: [ 'x', 'y1', 'y2' ] }
      );

      new Dygraph(
        document.getElementById("g2"),
        mixed, { labels: [ 'x', 'y1', 'y2' ] }
      );

      new Dygraph(
        document.getElementById("g3"),
        pos, { labels: [ 'x', 'y1', 'y2' ] }
      );

    </script>
  </body>
</html>
Commit	Line	Data
	1	<html>
	2	<head>
	3	<title>negatives</title>
	4	<!--[if IE]>
	5	<script type="text/javascript" src="../excanvas.js"></script>
	6	<![endif]-->
	7	<script type="text/javascript" src="../strftime/strftime-min.js"></script>
	8	<script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
	9	<script type="text/javascript" src="../dygraph-canvas.js"></script>
	10	<script type="text/javascript" src="../dygraph.js"></script>
	11	</head>
	12	<body>
	13	<p>All negatives (x-axis on top):</p>
	14	<div id="g1" style="width:600px; height:200px;"></div>
	15
	16	<p>Mixed (x-axis in middle):</p>
	17	<div id="g2" style="width:600px; height:200px;"></div>
	18
	19	<p>All positives (x-axis on bottom):</p>
	20	<div id="g3" style="width:600px; height:200px;"></div>
	21
	22	<script type="text/javascript">
	23	var negs = [];
	24	var mixed = [];
	25	var pos = [];
	26	for (var i = 0; i < 100; i++) {
	27	negs.push([i, -210 + i, -110 - i]);
	28	mixed.push([i, -50 + i, 50 - i]);
	29	pos.push([i, 1000 + 2 * i, 1100 + i]);
	30	}
	31
	32	new Dygraph(
	33	document.getElementById("g1"),
	34	negs, { labels: [ 'x', 'y1', 'y2' ] }
	35	);
	36
	37	new Dygraph(
	38	document.getElementById("g2"),
	39	mixed, { labels: [ 'x', 'y1', 'y2' ] }
	40	);
	41
	42	new Dygraph(
	43	document.getElementById("g3"),
	44	pos, { labels: [ 'x', 'y1', 'y2' ] }
	45	);
	46
	47	</script>
	48	</body>
	49	</html>