X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;ds=sidebyside;f=tests%2Frange-selector.html;h=74a38d68347c2339b69e349fa4db6f4dd66a819e;hb=7e64db422edd4fb5ce6b5abfb668d23ec9d001b8;hp=3ad6a26e78eaf5bd6ab5311e63a12ea5df7e44a7;hpb=de8f284fccb44667cca7e1a3410f62fa44c4763f;p=dygraphs.git

diff --git a/tests/range-selector.html b/tests/range-selector.html
index 3ad6a26..74a38d6 100644
--- a/tests/range-selector.html
+++ b/tests/range-selector.html
@@ -29,6 +29,10 @@
       Roll period of 14 timesteps, custom range selector height and plot color.
     </p>
     <div id="roll14" style="width:800px; height:320px;"></div>
+    <p>
+      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>
     <script type="text/javascript">
       g1 = new Dygraph(
           document.getElementById("noroll"),
@@ -60,6 +64,16 @@
             rangeSelectorPlotFillColor: 'lightyellow'
           }
       );
+      g3 = new Dygraph(
+          document.getElementById("nochart"),
+          [[0,1],[10,1]],
+          {
+            xAxisHeight: 30,
+            drawXAxis: false,
+            showRangeSelector: true,
+            rangeSelectorHeight: 30,
+          }
+      );
     </script>
   </body>
 </html>