remove deprecated DateGraph uses

[dygraphs.git] / tests / demo.html
diff --git a/tests/demo.html b/tests/demo.html

index 1fa66fd..c13c2ad 100644 (file)
--- a/tests/demo.html
+++ b/tests/demo.html
@@ -1,10 +1,11 @@
  <html>
    <head>
-    <title>noise</title>
+    <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>
@@ -12,13 +13,13 @@
      <h2>Demo</h2>
      <font size=-1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom out.)</font><br/>
      <table><tr><td>
-    <div id="demodiv" style="width:480px; height:320px;"></div>
+    <div id="demodiv"></div>
      </td><td valign=top>
      <div id="status" style="width:200px; font-size:0.8em; padding-top:5px;"></div>
      </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; };
@@ -39,11 +40,13 @@
                  labelsDiv: document.getElementById('status'),
                  labelsSeparateLines: true,
                  labelsKMB: true,
-                colors: ["hsl(180,60,50)",
+                colors: ["rgb(51,204,204)",
                           "rgb(255,100,100)",
                           "#00DD55",
                           "rgba(50,50,200,0.4)"],
-                padding: {left: 40, right: 30, top: 15, bottom: 15}
+                padding: {left: 40, right: 30, top: 15, bottom: 15},
+                width: 480,
+                height: 320
                }
            );
      </script>