add HTML5 doctype to all tests

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

index 789b7aa..08e7efa 100644 (file)
--- a/tests/grid_dot.html
+++ b/tests/grid_dot.html
@@ -1,32 +1,30 @@
+<!DOCTYPE html>
  <html>
    <head>
      <title>Custom grid and Dot</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>
      <script type="text/javascript" src="data.js"></script>
    </head>
+
    <body>
      <p>Dot and lines should be extra large. Grid is red.</p>
-    <div id="g14" style="width:600px; height:300px;"></div>
+    <div id="div_g14" style="width:600px; height:300px;"></div>
  
      <script type="text/javascript">
-      g14 = new DateGraph(
-            document.getElementById("g14"),
-            NoisyData, null, {
+      g14 = new Dygraph(
+            document.getElementById("div_g14"),
+            NoisyData, {
                rollPeriod: 14,
                errorBars: true,
-              gridLineColor: MochiKit.Color.Color.redColor(),
+              gridLineColor: '#FF0000',
                highlightCircleSize: 10,
-              strokeWidth: 3,
-              padding: {
-                left: 40,
-                top: 0,
-                right: 10,
-                bottom: 10
-              }
+              strokeWidth: 3
              }
            );
      </script>