Merge pull request #206 from kberg/master

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

index 81dfbd0..42b7362 100644 (file)
--- a/tests/steps.html
+++ b/tests/steps.html
@@ -1,13 +1,17 @@
+<!DOCTYPE html>
  <html>
    <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
      <title>dygraph</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="../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="../dygraph-dev.js"></script>
+
    </head>
    <body>
      <p>1: Simple line chart:</p>
@@ -99,7 +103,7 @@
        "2009/12/01,10,10\n" +
        "2009/12/02,15,11\n" +
        "2009/12/03,,12\n" +
-      "2009/12/04,20,13\n" +
+      "2009/12/04,,13\n" +
        "2009/12/05,15,\n" +
        "2009/12/06,18,15\n" +
        "2009/12/07,12,16\n",
@@ -118,7 +122,7 @@
          [ new Date("2009/12/01"), 10, 10],
          [ new Date("2009/12/02"), 15, 11],
          [ new Date("2009/12/03"), null, 12],
-        [ new Date("2009/12/04"), 20, 13],
+        [ new Date("2009/12/04"), null, 13],
          [ new Date("2009/12/05"), 15, null],
          [ new Date("2009/12/06"), 18, 15],
          [ new Date("2009/12/07"), 12, 16]
@@ -126,10 +130,29 @@
        {
          labels: ["Date","GapSeries1","GapSeries2"],
          showRoller: true,
-        stepPlot: true
+        stepPlot: true,
+        GapSeries2: { axis: {} }
        }
      );
      </script>
+    
+    <p>8: Stacked filled step chart:</p>
+    <div id="graphdiv8"></div>
+    <script type="text/javascript">
+      g8 = new Dygraph(document.getElementById("graphdiv8"),
+                      "Date,Idle,Used\n" +
+                      "2008-05-07,70,30\n" +
+                      "2008-05-08,12,88\n" +
+                      "2008-05-09,88,12\n" +
+                      "2008-05-10,63,37\n" +
+                      "2008-05-11,35,65\n",
+                       {
+                          stepPlot: true,
+                          fillGraph: true,
+                          stackedGraph: true,
+                          includeZero: true
+                       });
+    </script>
  
    </body>
  </html>