X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=gallery%2Frange-selector.js;h=e243b43b206a382296f76dca3477f6ef4e0b6aa3;hb=7e692257515a69ce328851c45fddfb21a1457402;hp=3b13ebb20f3ff01092df61c53ad687fef9cb00eb;hpb=192d58e7c9fab1ae32da4a2dac723955f1639a54;p=dygraphs.git
diff --git a/gallery/range-selector.js b/gallery/range-selector.js
index 3b13ebb..e243b43 100644
--- a/gallery/range-selector.js
+++ b/gallery/range-selector.js
@@ -7,11 +7,21 @@ Gallery.register(
title: 'Demo of the Range Selector',
setup: function(parent) {
parent.innerHTML = [
+ "",
"
No roll period.
",
"",
"",
"Roll period of 14 timesteps, custom range selector height and plot color.
",
- ""].join("\n");
+ "",
+ "",
+ "",
+ "
Dark background, custom range selector gradient color.
",
+ "
",
+ "
"].join("\n");
},
run: function() {
new Dygraph(
@@ -22,7 +32,6 @@ Gallery.register(
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' },
showRangeSelector: true
}
);
@@ -36,11 +45,28 @@ Gallery.register(
title: 'Daily Temperatures in New York vs. San Francisco',
ylabel: 'Temperature (F)',
legend: 'always',
- labelsDivStyles: { 'textAlign': 'right' },
showRangeSelector: true,
rangeSelectorHeight: 30,
rangeSelectorPlotStrokeColor: 'yellow',
rangeSelectorPlotFillColor: 'lightyellow'
- });
+ }
+ );
+ new Dygraph(
+ document.getElementById("darkbg"),
+ data_temp,
+ {
+ rollPeriod: 14,
+ showRoller: true,
+ customBars: true,
+ title: 'Nightly Temperatures in New York vs. San Francisco',
+ ylabel: 'Temperature (F)',
+ legend: 'always',
+ showRangeSelector: true,
+ rangeSelectorPlotFillColor: 'MediumSlateBlue',
+ rangeSelectorPlotFillGradientColor: 'rgba(123, 104, 238, 0)',
+ colorValue: 0.9,
+ fillAlpha: 0.4
+ }
+ );
}
});