Add a legendFormatter option
[dygraphs.git] / tests / missing-data.html
index 1176101..f337de5 100644 (file)
@@ -1,15 +1,13 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
     <title>missing data</title>
-    <!--[if IE]>
-    <script type="text/javascript" src="../excanvas.js"></script>
-    <![endif]-->
-    <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>
+    <!--
+    For production (minified) code, use:
+    <script type="text/javascript" src="dygraph-combined.js"></script>
+    -->
+    <script type="text/javascript" src="../dist/dygraph.js"></script>
+
   </head>
   <body>
     <table>
@@ -19,6 +17,9 @@
     </td><td valign=top>
     <div id="graph3"></div>
     <div id="graph4"></div>
+    </td><td valign=top>
+    <div id="graph5"></div>
+    <div id="graph6"></div>
     </td></tr>
     </table>
 
@@ -59,7 +60,7 @@
         [2, [12, 2], [20, 3]],
         [3, [ 8, 2], [20, 3]],
         [4, [null, 2], [20, 3]],
-        [5, [null, 2], [null, 3]],
+        [5, [null, 2], null],
         [6, [ 9, 2], [20, 3]],
         [7, [10, 2], [20, 3]]
       ],
@@ -75,8 +76,8 @@
         [1, [10, 2], [20, 3]],
         [2, [12, 2], [20, 3]],
         [3, [ 8, 2], [20, 3]],
-        [4, [null, 2], [20, 3]],
-        [5, [null, 2], [null, 3]],
+        [4, null, [20, 3]],
+        [5, null, [null, 3]],
         [6, [ 9, 2], [20, 3]],
         [7, [10, 2], [20, 3]]
       ],
         labels: [ "X", "Series1", "Series2" ]
       }
     );
+      
+    g5 = new Dygraph(
+        document.getElementById("graph5"),
+        [
+          [1, [10, 2], [20, 3]],
+          [2, [12, 2], [20, 3]],
+          [3, [ 8, 2], [20, 3]],
+          [4, [2, null], null],
+          [5, null, [null, 3]],
+          [6, [ 9, 2], [20, 3]],
+          [7, [10, 2], [20, 3]]
+        ],
+        {
+          errorBars: true,
+          connectSeparatedPoints: false,
+          labels: [ "X", "Series1", "Series2" ]
+        }
+    );
+      
+    g6 = new Dygraph(
+        document.getElementById("graph6"),
+        [
+          [1, [8, 10,12],null],
+          [2, [3, 5,7],[4,6,7]],
+          [3, null,[1,2,4]],
+          [4, [ 9,null, 2],[3,4,8]],
+          [5, [null,2, null],[6,8,9]],
+          [6, [2,3, 6],[2,3,5]]
+        ],
+        {
+          customBars: true,
+          connectSeparatedPoints: false,
+          labels: [ "X", "Series1", "Series2"]
+        }
+    );
     </script>
   </body>
 </html>