4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>Temperatures with Range Selector
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
10 For production (minified) code, use:
11 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
13 <script type=
"text/javascript" src=
"../dygraph-dev.js"></script>
15 <script type=
"text/javascript" src=
"data.js"></script>
16 <style type=
"text/css">
18 border:
1px solid red;
23 <p>Demo of a graph with the range selector.
</p>
27 <div id=
"noroll" style=
"width:800px; height:320px;"></div>
29 Roll period of
14 timesteps, custom range selector height and plot color.
31 <div id=
"roll14" style=
"width:800px; height:320px;"></div>
33 Use the average of a specific subset of series to draw the mini plot (only the first serie is used in this test).
34 The default behaviour is to compute the average of
<em>all
</em> series.
36 <div id=
"selectcombined" style=
"width:800px; height:320px;"></div>
38 Demo of range selecor without the chart. (interesting if multiple charts should be synced with one range selector).
40 <div id=
"nochart" style=
"width:800px; height:30px;"></div>
41 <script type=
"text/javascript">
43 document.getElementById(
"noroll"),
47 title: 'Daily Temperatures in New York vs. San Francisco',
48 ylabel: 'Temperature (F)',
50 labelsDivStyles: { 'textAlign': 'right' },
51 showRangeSelector: true
55 document.getElementById(
"roll14"),
61 title: 'Daily Temperatures in New York vs. San Francisco',
62 ylabel: 'Temperature (F)',
64 labelsDivStyles: { 'textAlign': 'right' },
66 showRangeSelector: true,
67 rangeSelectorHeight:
30,
68 rangeSelectorPlotStrokeColor: 'yellow',
69 rangeSelectorPlotFillColor: 'lightyellow'
73 document.getElementById(
"selectcombined"),
81 title: 'Daily Temperatures in New York vs. San Francisco',
82 ylabel: 'Temperature (F)',
83 showRangeSelector: true,
84 rangeSelectorCombinedSeries: [
1]
88 document.getElementById(
"nochart"),
93 showRangeSelector: true,
94 rangeSelectorHeight:
30