X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Frange-selector.html;h=ac8e7522fa8f51429fab472d69bfca54e51568a2;hb=0bc4cb546af5d1ce157ad701a45169cc07c9c839;hp=a7d0c99ad7b60b8e43ecbece06e71645812ee5bb;hpb=3fd39dab18f65b8b6d2bd5c23e6e2df6297c3a7d;p=dygraphs.git diff --git a/tests/range-selector.html b/tests/range-selector.html index a7d0c99..ac8e752 100644 --- a/tests/range-selector.html +++ b/tests/range-selector.html @@ -1,12 +1,13 @@ + Temperatures with Range Selector - + @@ -25,6 +41,11 @@ 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, various custom range selector options.

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

-

Range selector options

-

Range selector background

- - -

Range selector foreground

- - -

Range selector plot

- - +

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

@@ -76,7 +77,6 @@ title: 'Daily Temperatures in New York vs. San Francisco', ylabel: 'Temperature (F)', legend: 'always', - labelsDivStyles: { 'textAlign': 'right' }, showRangeSelector: true } ); @@ -90,19 +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', + rangeSelectorHeight: 80, + rangeSelectorPlotStrokeColor: 'purple', rangeSelectorPlotFillColor: 'black', - rangeSelectorBackgroundStrokeColor: 'lightyellow', + rangeSelectorBackgroundStrokeColor: 'orange', rangeSelectorBackgroundLineWidth: 4, - rangeSelectorPlotLineWidth: 1.5, + rangeSelectorPlotLineWidth: 5, rangeSelectorForegroundStrokeColor: 'brown', - rangeSelectorForegroundLineWidth: 2, - rangeSelectorAlpha: 1, - rangeSelectorPlotFillGradientColor: 'yellow' + rangeSelectorForegroundLineWidth: 8, + rangeSelectorAlpha: 0.5, + rangeSelectorPlotFillGradientColor: 'red' } ); g3 = new Dygraph( @@ -133,6 +132,7 @@ drawAxis : false } }, + labels: ['X', 'Y'], showRangeSelector: true, rangeSelectorHeight: 30 } @@ -147,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 } @@ -166,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 }