X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;ds=sidebyside;f=tests%2Frange-selector.html;h=ade8a9856832eb051d99293c3fc34d06f78da97f;hb=804fd99934fcdbee8b50b79561af0583cd94d805;hp=24a7acfb48d24ef4af72b74b3e03602caab7cc81;hpb=bfb3e0a44ba7eb76704389cd1515db9995944d41;p=dygraphs.git diff --git a/tests/range-selector.html b/tests/range-selector.html index 24a7acf..ade8a98 100644 --- a/tests/range-selector.html +++ b/tests/range-selector.html @@ -13,6 +13,10 @@ #bordered { border: 1px solid red; } + #dark-background { + background-color: #101015; + color: white; + } @@ -34,6 +38,11 @@ Demo of range selecor without the chart. (interesting if multiple charts should be synced with one range selector).

+
+

Demo of range selector on dark background, with (left) and without (right) custom range selector gradient color.

+
+
+

Demo of range selector with stepPlot

@@ -100,7 +109,44 @@ rangeSelectorHeight: 30 } ); - g5 = new Dygraph(document.getElementById("stepplot"), + 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', + labelsDivStyles: { 'textAlign': 'right', 'backgroundColor': '#101015' }, + showRangeSelector: true, + rangeSelectorPlotFillColor: 'MediumSlateBlue', + rangeSelectorPlotFillGradientColor: 'rgba(123, 104, 238, 0)', + axisLabelColor: 'white', + 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', + labelsDivStyles: { 'textAlign': 'right', 'backgroundColor': '#101015' }, + showRangeSelector: true, + rangeSelectorPlotFillColor: 'MediumSlateBlue', + axisLabelColor: 'white', + colorValue: 0.9, + fillAlpha: 0.4 + } + ); + g7 = new Dygraph(document.getElementById("stepplot"), "Date,Idle,Used\n" + "2008-05-07,70,30\n" + "2008-05-08,42,88\n" +