Bug fix for dygraph point selection touch event.

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

index b89d31f..83dff45 100644 (file)
--- a/tests/demo.html
+++ b/tests/demo.html
@@ -1,12 +1,10 @@
+<!DOCTYPE html>
  <html>
    <head>
+    <link rel="stylesheet" href="../dist/dygraph.css">
      <title>demo</title>
-    <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
-    <![endif]-->
-    <script type="text/javascript" src="../dygraph-combined.js"></script>
-    <script type="text/javascript" src="../dygraph-canvas.js"></script>
-    <script type="text/javascript" src="../dygraph.js"></script>
+
+    <script type="text/javascript" src="../dist/dygraph.js"></script>
    </head>
    <body>
      <h2>Demo</h2>
@@ -18,7 +16,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,19 +31,22 @@
                  }
                  return r;
                },
-              null,
                {
-                rollPeriod: 1,
                  labelsDiv: document.getElementById('status'),
                  labelsSeparateLines: true,
                  labelsKMB: true,
+                legend: 'always',
                  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},
-                width: 480,
-                height: 320
+                width: 640,
+                height: 480,
+                title: 'Interesting Shapes',
+                xlabel: 'Date',
+                ylabel: 'Count',
+                axisLineColor: 'white',
+                // drawXGrid: false
                }
            );
      </script>