X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Frange-selector.html;h=8527b5c93b137526b809e8c875976269e4da1336;hb=c36a62c2638dd9a4ce0c91146b9bcb2557168aff;hp=c5c973b041e85d946ff01fcac0419bb6feef20bf;hpb=1085dbced14037c23267ea9faf6a5a159b570c03;p=dygraphs.git

diff --git a/tests/range-selector.html b/tests/range-selector.html
index c5c973b..8527b5c 100644
--- a/tests/range-selector.html
+++ b/tests/range-selector.html
@@ -30,7 +30,7 @@
     </p>
     <div id="roll14" style="width:800px; height:320px;"></div>
     <p>
-      Use the average of a specific subset of series to draw the mini plot (only the first serie is used in this test).
+      Use the average of a specific subset of series to draw the mini plot (only the first series is used in this test).
       The default behaviour is to compute the average of <em>all</em> series.
     </p>
     <div id="selectcombined" style="width:800px; height:320px;"></div>
@@ -38,6 +38,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"),
@@ -81,7 +84,10 @@
             title: 'Daily Temperatures in New York vs. San Francisco',
             ylabel: 'Temperature (F)',
             showRangeSelector: true,
-            rangeSelectorCombinedSeries: [1]
+            labels: ['X', 'Y1', 'Y2', 'Y3'],
+            series: {
+              'Y1': { showInRangeSelector: true }
+            }
           }
       );
       g4 = new Dygraph(
@@ -94,6 +100,20 @@
             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>