[dygraphs.git] / tests / resize.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>resize the window</title>
    <!--[if IE]>
    <script type="text/javascript" src="../excanvas.js"></script>
    <![endif]-->
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dygraph-dev.js"></script>

    <script type="text/javascript" src="data.js"></script>
    <style type="text/css">
    html, body {
      height: 100%;
    }
    </style>
  </head>
  <body>
    <div id="div_g" style="width:95%; height:95%"></div>

    <script type="text/javascript">
      g = new Dygraph(
            document.getElementById("div_g"),
            NoisyData, {
              rollPeriod: 7,
              errorBars: true
            }
          );

      window.onresize = function() {
        g.resize();
      }
    </script>
  </body>
</html>
Commit	Line	Data
54425b14	1	<!DOCTYPE html>
5d2e822f DV	2	<html>
5d2e822f DV	3	<head>
10494b48	4	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
5d2e822f DV	5	<title>resize the window</title>
5d2e822f DV	6	<!--[if IE]>
a2b2c3a1	7	<script type="text/javascript" src="../excanvas.js"></script>
5d2e822f	8	<![endif]-->
7e5ddc94 DV	9	<!--
	10	For production (minified) code, use:
	11	<script type="text/javascript" src="dygraph-combined.js"></script>
	12	-->
	13	<script type="text/javascript" src="../dygraph-dev.js"></script>
	14
5d2e822f	15	<script type="text/javascript" src="data.js"></script>
9da323b3 DV	16	<style type="text/css">
	17	html, body {
	18	height: 100%;
	19	}
	20	</style>
5d2e822f DV	21	</head>
5d2e822f DV	22	<body>
c6f45033	23	<div id="div_g" style="width:95%; height:95%"></div>
5d2e822f DV	24
	25	<script type="text/javascript">
	26	g = new Dygraph(
	27	document.getElementById("div_g"),
	28	NoisyData, {
	29	rollPeriod: 7,
	30	errorBars: true
	31	}
	32	);
	33
	34	window.onresize = function() {
	35	g.resize();
	36	}
	37	</script>
	38	</body>
	39	</html>