added images of range selector parts

[dygraphs.git] / tests / range-selector.html

diff --git a/tests/range-selector.html b/tests/range-selector.html
index aee632c..a7d0c99 100644 (file)
--- a/tests/range-selector.html
+++ b/tests/range-selector.html
@@ -34,6 +34,27 @@
       The default behaviour is to compute the average of <em>all</em> series.
     </p>
     <div id="selectcombined" style="width:800px; height:320px;"></div>
+    <h2>Range selector options</h2>
+    <h3>Range selector background</h3>
+    <ul>
+      <li>rangeSelectorBackgroundStrokeColor</li>
+      <li>rangeSelectorBackgroundLineWidth</li>
+    </ul>
+    <img src="range-selector/range-selector-background.png">
+    <h3>Range selector foreground</h3>
+    <ul>
+      <li>rangeSelectorForegroundStrokeColor</li>
+      <li>rangeSelectorForegroundLineWidth</li>
+    </ul>
+    <img src="range-selector/range-selector-foreground.png">
+    <h3>Range selector plot</h3>
+    <ul>
+      <li>rangeSelectorAlpha</li>
+      <li>rangeSelectorPlotFillGradientColor</li>
+      <li>rangeSelectorPlotFillColor</li>
+      <li>rangeSelectorPlotStrokeColor</li>
+    </ul>
+    <img src="range-selector/range-selector-plot.png">
     <p>
       Demo of range selecor without the chart. (interesting if multiple charts should be synced with one range selector).
     </p>