projects
/
dygraphs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Unit test for animated zooms.
[dygraphs.git]
/
tests
/
range-selector.html
diff --git
a/tests/range-selector.html
b/tests/range-selector.html
index
aee632c
..
7b412a0
100644
(file)
--- a/
tests/range-selector.html
+++ b/
tests/range-selector.html
@@
-25,6
+25,11
@@
No roll period.
</p>
<div id="noroll" style="width:800px; height:320px;"></div>
No roll period.
</p>
<div id="noroll" style="width:800px; height:320px;"></div>
+
+ <h2 id="options">Range selector options</h2>
+ <p>Here's a view of how the various <a href="../options.html#Range%20Selector">range selector options</a> affect the display:</p>
+ <img width="954" height="354" src="range-selector-anatomy.png">
+
<p>
Roll period of 14 timesteps, various custom range selector options.
</p>
<p>
Roll period of 14 timesteps, various custom range selector options.
</p>
@@
-34,6
+39,7
@@
The default behaviour is to compute the average of <em>all</em> series.
</p>
<div id="selectcombined" style="width:800px; height:320px;"></div>
The default behaviour is to compute the average of <em>all</em> series.
</p>
<div id="selectcombined" 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>
<p>
Demo of range selecor without the chart. (interesting if multiple charts should be synced with one range selector).
</p>
@@
-72,16
+78,16
@@
labelsDivStyles: { 'textAlign': 'right' },
xAxisHeight: 14,
showRangeSelector: true,
labelsDivStyles: { 'textAlign': 'right' },
xAxisHeight: 14,
showRangeSelector: true,
- rangeSelectorHeight:
3
0,
- rangeSelectorPlotStrokeColor: '
yellow
',
+ rangeSelectorHeight:
8
0,
+ rangeSelectorPlotStrokeColor: '
purple
',
rangeSelectorPlotFillColor: 'black',
rangeSelectorPlotFillColor: 'black',
- rangeSelectorBackgroundStrokeColor: '
lightyellow
',
+ rangeSelectorBackgroundStrokeColor: '
orange
',
rangeSelectorBackgroundLineWidth: 4,
rangeSelectorBackgroundLineWidth: 4,
- rangeSelectorPlotLineWidth:
1.
5,
+ rangeSelectorPlotLineWidth: 5,
rangeSelectorForegroundStrokeColor: 'brown',
rangeSelectorForegroundStrokeColor: 'brown',
- rangeSelectorForegroundLineWidth:
2
,
- rangeSelectorAlpha:
1
,
- rangeSelectorPlotFillGradientColor: '
yellow
'
+ rangeSelectorForegroundLineWidth:
8
,
+ rangeSelectorAlpha:
0.5
,
+ rangeSelectorPlotFillGradientColor: '
red
'
}
);
g3 = new Dygraph(
}
);
g3 = new Dygraph(