<!DOCTYPE html>
<html>
<head>
- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+ <link rel="stylesheet" href="../css/dygraph.css">
<title>resize the window</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>
+ <!--
+ 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">
- html, body {
- height: 100%;
+ #div_g {
+ position: absolute;
+ left: 10px;
+ right: 10px;
+ top: 40px;
+ bottom: 10px;
}
</style>
</head>
<body>
- <div id="div_g" style="width:95%; height:95%"></div>
+ <p>Resize the window. The dygraph will resize with it.</p>
+ <div id="div_g"></div>
<script type="text/javascript">
g = new Dygraph(
errorBars: true
}
);
-
- window.onresize = function() {
- g.resize();
- }
</script>
</body>
</html>