[dygraphs.git] / tests / resize.html

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