X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fdemo.html;h=5859a234301e0af3a865200c61c073809f9eb1c8;hb=ad1798c2718d68b787846e38c1dd2db4dac3d57d;hp=b89d31f15512fb5411cb9217679a75bcace5b14e;hpb=bbf72e4acf7a2bf30d414039a37b1cc30853597d;p=dygraphs.git

diff --git a/tests/demo.html b/tests/demo.html
index b89d31f..5859a23 100644
--- a/tests/demo.html
+++ b/tests/demo.html
@@ -1,10 +1,13 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
     <title>demo</title>
     <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
+    <script type="text/javascript" src="../excanvas.js"></script>
     <![endif]-->
-    <script type="text/javascript" src="../dygraph-combined.js"></script>
+    <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>
@@ -18,7 +21,7 @@
     </td>
     </tr></table>
     <script type="text/javascript">
-      g = new DateGraph(
+      g = new Dygraph(
               document.getElementById("demodiv"),
               function() {
                 var zp = function(x) { if (x < 10) return "0"+x; else return x; };
@@ -33,9 +36,7 @@
                 }
                 return r;
               },
-              null,
               {
-                rollPeriod: 1,
                 labelsDiv: document.getElementById('status'),
                 labelsSeparateLines: true,
                 labelsKMB: true,
@@ -43,9 +44,11 @@
                          "rgb(255,100,100)",
                          "#00DD55",
                          "rgba(50,50,200,0.4)"],
-                padding: {left: 40, right: 30, top: 15, bottom: 15},
-                width: 480,
-                height: 320
+                width: 640,
+                height: 480,
+                title: 'Interesting Shapes',
+                xlabel: 'Date',
+                ylabel: 'Count'
               }
           );
     </script>
