Merge pull request #534 from cthrax/master

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

index 52792dd..24a7acf 100644 (file)
--- a/tests/range-selector.html
+++ b/tests/range-selector.html
@@ -1,11 +1,7 @@
  <!DOCTYPE html>
  <html>
    <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
      <title>Temperatures with Range Selector</title>
-    <!--[if IE]>
-    <script type="text/javascript" src="../excanvas.js"></script>
-    <![endif]-->
      <!--
      For production (minified) code, use:
      <script type="text/javascript" src="dygraph-combined.js"></script>
@@ -38,6 +34,9 @@
        Demo of range selecor without the chart. (interesting if multiple charts should be synced with one range selector).
      </p>
      <div id="nochart" style="width:800px; height:30px;"></div>
+    <p>Demo of range selector with stepPlot</p>
+    <div id="stepplot" style="width:800px; height:320px;"></div>
+
      <script type="text/javascript">
        g1 = new Dygraph(
            document.getElementById("noroll"),
@@ -92,11 +91,29 @@
            [[0,1],[10,1]],
            {
              xAxisHeight: 30,
-            drawXAxis: false,
+            axes : {
+              x : {
+                drawAxis : false
+              }
+            },
              showRangeSelector: true,
              rangeSelectorHeight: 30
            }
        );
+      g5 = new Dygraph(document.getElementById("stepplot"),
+                      "Date,Idle,Used\n" +
+                      "2008-05-07,70,30\n" +
+                      "2008-05-08,42,88\n" +
+                      "2008-05-09,88,42\n" +
+                      "2008-05-10,33,37\n" +
+                      "2008-05-11,30,35\n",
+                       {
+                          stepPlot: true,
+                          fillGraph: true,
+                          stackedGraph: true,
+                          includeZero: true,
+                          showRangeSelector: true
+                       });
      </script>
    </body>
  </html>