Use the correct access when computing bounded y-values for constrained panning.
[dygraphs.git] / tests / grid_dot.html
index 8b92fdb..4136ee2 100644 (file)
@@ -1,33 +1,33 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
     <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="../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="../dygraph-dev.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 Dygraph(
-            document.getElementById("g14"),
+            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>