X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Frange-selector.html;h=ac8e7522fa8f51429fab472d69bfca54e51568a2;hb=93a5bb4c827d6665f395c48b216438f95e94d76e;hp=ade8a9856832eb051d99293c3fc34d06f78da97f;hpb=79cb28dd681a26f9e7824f61d95c7458ca5104e7;p=dygraphs.git diff --git a/tests/range-selector.html b/tests/range-selector.html index ade8a98..ac8e752 100644 --- a/tests/range-selector.html +++ b/tests/range-selector.html @@ -1,12 +1,13 @@ + Temperatures with Range Selector - + @@ -25,8 +41,13 @@ No roll period.

+ +

Range selector options

+

Here's a view of how the various range selector options affect the display:

+ +

- Roll period of 14 timesteps, custom range selector height and plot color. + Roll period of 14 timesteps, various custom range selector options.

@@ -34,6 +55,7 @@ The default behaviour is to compute the average of all series.

+

Demo of range selecor without the chart. (interesting if multiple charts should be synced with one range selector).

@@ -55,7 +77,6 @@ title: 'Daily Temperatures in New York vs. San Francisco', ylabel: 'Temperature (F)', legend: 'always', - labelsDivStyles: { 'textAlign': 'right' }, showRangeSelector: true } ); @@ -69,12 +90,18 @@ title: 'Daily Temperatures in New York vs. San Francisco', ylabel: 'Temperature (F)', legend: 'always', - labelsDivStyles: { 'textAlign': 'right' }, xAxisHeight: 14, showRangeSelector: true, - rangeSelectorHeight: 30, - rangeSelectorPlotStrokeColor: 'yellow', - rangeSelectorPlotFillColor: 'lightyellow' + rangeSelectorHeight: 80, + rangeSelectorPlotStrokeColor: 'purple', + rangeSelectorPlotFillColor: 'black', + rangeSelectorBackgroundStrokeColor: 'orange', + rangeSelectorBackgroundLineWidth: 4, + rangeSelectorPlotLineWidth: 5, + rangeSelectorForegroundStrokeColor: 'brown', + rangeSelectorForegroundLineWidth: 8, + rangeSelectorAlpha: 0.5, + rangeSelectorPlotFillGradientColor: 'red' } ); g3 = new Dygraph( @@ -105,6 +132,7 @@ drawAxis : false } }, + labels: ['X', 'Y'], showRangeSelector: true, rangeSelectorHeight: 30 } @@ -119,11 +147,9 @@ 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 } @@ -138,10 +164,8 @@ 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 }