projects
/
dygraphs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Add comment
[dygraphs.git]
/
tests
/
range-selector.html
diff --git
a/tests/range-selector.html
b/tests/range-selector.html
index
58af000
..
74a38d6
100644
(file)
--- 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>
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"),
<script type="text/javascript">
g1 = new Dygraph(
document.getElementById("noroll"),
@@
-53,12
+57,23
@@
ylabel: 'Temperature (F)',
legend: 'always',
labelsDivStyles: { 'textAlign': 'right' },
ylabel: 'Temperature (F)',
legend: 'always',
labelsDivStyles: { 'textAlign': 'right' },
+ xAxisHeight: 14,
showRangeSelector: true,
rangeSelectorHeight: 30,
rangeSelectorPlotStrokeColor: 'yellow',
rangeSelectorPlotFillColor: 'lightyellow'
}
);
showRangeSelector: true,
rangeSelectorHeight: 30,
rangeSelectorPlotStrokeColor: 'yellow',
rangeSelectorPlotFillColor: 'lightyellow'
}
);
+ g3 = new Dygraph(
+ document.getElementById("nochart"),
+ [[0,1],[10,1]],
+ {
+ xAxisHeight: 30,
+ drawXAxis: false,
+ showRangeSelector: true,
+ rangeSelectorHeight: 30,
+ }
+ );
</script>
</body>
</html>
</script>
</body>
</html>