+ rangeSelectorHeight: 80,
+ rangeSelectorPlotStrokeColor: 'purple',
+ rangeSelectorPlotFillColor: 'black',
+ rangeSelectorBackgroundStrokeColor: 'orange',
+ rangeSelectorBackgroundLineWidth: 4,
+ rangeSelectorPlotLineWidth: 5,
+ rangeSelectorForegroundStrokeColor: 'brown',
+ rangeSelectorForegroundLineWidth: 8,
+ rangeSelectorAlpha: 0.5,
+ rangeSelectorPlotFillGradientColor: 'red'
+ }
+ );
+ g3 = new Dygraph(
+ document.getElementById("selectcombined"),
+ [
+ [0, 1, 4, 10],
+ [10, 2, 8, 19],
+ [25, 15, 4, 2],
+ [35, 0, 3, 2]
+ ],
+ {
+ title: 'Daily Temperatures in New York vs. San Francisco',
+ ylabel: 'Temperature (F)',
+ showRangeSelector: true,
+ labels: ['X', 'Y1', 'Y2', 'Y3'],
+ series: {
+ 'Y1': { showInRangeSelector: true }
+ }
+ }
+ );
+ g4 = new Dygraph(
+ document.getElementById("nochart"),
+ [[0,1],[10,1]],
+ {
+ xAxisHeight: 30,
+ axes : {
+ x : {
+ drawAxis : false
+ }
+ },
+ labels: ['X', 'Y'],
+ showRangeSelector: true,
+ rangeSelectorHeight: 30
+ }
+ );
+ g5 = new Dygraph(
+ document.getElementById("darkbg1"),
+ data_temp,
+ {
+ rollPeriod: 14,
+ showRoller: true,
+ customBars: true,
+ title: 'Nightly Temperatures in NY vs. SF',
+ ylabel: 'Temperature (F)',
+ legend: 'always',
+ showRangeSelector: true,
+ rangeSelectorPlotFillColor: 'MediumSlateBlue',
+ rangeSelectorPlotFillGradientColor: 'rgba(123, 104, 238, 0)',
+ colorValue: 0.9,
+ fillAlpha: 0.4
+ }
+ );
+ g6 = new Dygraph(
+ document.getElementById("darkbg2"),
+ data_temp,
+ {
+ rollPeriod: 14,
+ showRoller: true,
+ customBars: true,
+ title: 'Nightly Temperatures in NY vs. SF',
+ ylabel: 'Temperature (F)',
+ legend: 'always',
+ showRangeSelector: true,
+ rangeSelectorPlotFillColor: 'MediumSlateBlue',
+ colorValue: 0.9,
+ fillAlpha: 0.4