4 name
: 'Range Selector',
5 title
: 'Demo of the Range Selector',
6 setup
: function(parent
) {
8 "<p>No roll period.</p>" +
9 "<div id='noroll' style='width:800px; height:320px;'></div>" +
10 "<p>Roll period of 14 timesteps, custom range selector height and plot color.</p>" +
11 "<div id='roll14' style='width:800px; height:320px;'></div>";
15 document
.getElementById("noroll"),
19 title
: 'Daily Temperatures in New York vs. San Francisco',
20 ylabel
: 'Temperature (F)',
22 labelsDivStyles
: { 'textAlign': 'right' },
23 showRangeSelector
: true
27 document
.getElementById("roll14"),
33 title
: 'Daily Temperatures in New York vs. San Francisco',
34 ylabel
: 'Temperature (F)',
36 labelsDivStyles
: { 'textAlign': 'right' },
37 showRangeSelector
: true,
38 rangeSelectorHeight
: 30,
39 rangeSelectorPlotStrokeColor
: 'yellow',
40 rangeSelectorPlotFillColor
: 'lightyellow'