X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=gallery%2Frange-selector.js;h=09bfd49c32b98280e5e3e6959655ff2d3bdce12c;hb=2a1f00d810b5c4f04b72bc6a393380b858f70909;hp=57ac71b8003d6bee800ffeebd87510124799d40e;hpb=605b6119bcc80db4ea100d66df3483425dcd32af;p=dygraphs.git
diff --git a/gallery/range-selector.js b/gallery/range-selector.js
index 57ac71b..09bfd49 100644
--- a/gallery/range-selector.js
+++ b/gallery/range-selector.js
@@ -1,3 +1,5 @@
+/*global Gallery,Dygraph,data */
+/*global data_temp */
Gallery.register(
'range-selector',
{
@@ -6,13 +8,18 @@ Gallery.register(
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() {
- g1 = new Dygraph(
+ new Dygraph(
document.getElementById("noroll"),
data_temp,
{
@@ -24,7 +31,7 @@ Gallery.register(
showRangeSelector: true
}
);
- g2 = new Dygraph(
+ new Dygraph(
document.getElementById("roll14"),
data_temp,
{
@@ -39,6 +46,26 @@ Gallery.register(
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',
+ labelsDivStyles: { 'textAlign': 'right', 'backgroundColor': '#101015' },
+ showRangeSelector: true,
+ rangeSelectorPlotFillColor: 'MediumSlateBlue',
+ rangeSelectorPlotFillGradientColor: 'rgba(123, 104, 238, 0)',
+ axisLabelColor: 'white',
+ colorValue: 0.9,
+ fillAlpha: 0.4
+ }
+ );
}
});