[dygraphs.git] / tests / resize.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="../css/dygraph.css">
    <title>resize the window</title>
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dist/dygraph.js"></script>

    <script type="text/javascript" src="data.js"></script>
    <style type="text/css">
    #div_g {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 40px;
      bottom: 10px;
    }
    </style>
  </head>
  <body>
    <p>Resize the window. The dygraph will resize with it.</p>
    <div id="div_g"></div>

    <script type="text/javascript">
      g = new Dygraph(
            document.getElementById("div_g"),
            NoisyData, {
              rollPeriod: 7,
              errorBars: true
            }
          );
    </script>
  </body>
</html>
Commit	Line	Data
54425b14	1	<!DOCTYPE html>
5d2e822f DV	2	<html>
5d2e822f DV	3	<head>
93a5bb4c	4	<link rel="stylesheet" href="../css/dygraph.css">
5d2e822f	5	<title>resize the window</title>
7e5ddc94 DV	6	<!--
	7	For production (minified) code, use:
	8	<script type="text/javascript" src="dygraph-combined.js"></script>
	9	-->
fbd6834a	10	<script type="text/javascript" src="../dist/dygraph.js"></script>
7e5ddc94	11
5d2e822f	12	<script type="text/javascript" src="data.js"></script>
9da323b3	13	<style type="text/css">
4b4d1a63 DV	14	#div_g {
	15	position: absolute;
	16	left: 10px;
	17	right: 10px;
	18	top: 40px;
	19	bottom: 10px;
9da323b3 DV	20	}
9da323b3 DV	21	</style>
5d2e822f DV	22	</head>
5d2e822f DV	23	<body>
4b4d1a63 DV	24	<p>Resize the window. The dygraph will resize with it.</p>
4b4d1a63 DV	25	<div id="div_g"></div>
5d2e822f DV	26
	27	<script type="text/javascript">
	28	g = new Dygraph(
	29	document.getElementById("div_g"),
	30	NoisyData, {
	31	rollPeriod: 7,
	32	errorBars: true
	33	}
	34	);
5d2e822f DV	35	</script>
	36	</body>
	37	</html>