AnyChart
API Reference
Still have questions?
Contact support
Top

class anychart.standalones.Scroller Improve this Doc

Extends: anychart.core.ui.Scroller

The Scroller class contains methods for configuring standalones scroller.

Methods Overview

Specific settings
allowRangeChange()Mode of the range changing.
endRatio()Ending ratio.
setRange()Sets range.
startRatio()Starting ratio.
thumbs()Thumbs settings.
Coloring
fill()Fill settings.
outlineStroke()Stroke settings.
selectedFill()Select fill settings.
Interactivity
autoHide()Auto hide setting.
enabled()Element state (enabled or disabled).
Size and Position
getRemainingBounds()Returns the remaining (after scroller placement) part of the container.
height()Scroller height.
inverted()Inverted settings.
maxHeight()Scroller maximum height.
minHeight()Scroller minimum height.
orientation()Scroller orientation.
padding()Padding settings
parentBounds()Parent bounds settings.
zIndex()Z-index of the element.
Miscellaneous
container()Getter for the scroller container.
draw()Draws scroller.

Methods Description

allowRangeChange

Getter for the mode of the range changing.

Returns:

boolean - Mode of the range changing.
See listing
var scroller = chart.xScroller();
var allowRangeChange = scroller.allowRangeChange();
Setter for the mode of the range changing. If the range changing is allowed.

Params:

NameTypeDefaultDescription
enabledboolean
true
Enabled state to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

autoHide

Getter for scroller auto hide mode.

Returns:

boolean - Auto hide mode.
See listing
var scroller = chart.xScroller();
var state = scroller.autoHide();
Setter for scroller auto hide mode.

Params:

NameTypeDefaultDescription
enabledboolean
false
Enabled state to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

container

Getter for the scroller container.
Setter for the scroller container.

Params:

NameTypeDescription
elementanychart.graphics.vector.Layer | anychart.graphics.vector.StageThe value to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

draw

Draws scroller.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

enabled

Getter for the element state (enabled or disabled).

Returns:

boolean - Element state.
Setter for the element enabled state.

Params:

NameTypeDefaultDescription
enabledboolean
true
Enabled state to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Example.
if (!element.enabled())
   element.enabled(true);

endRatio

Getter for the end ratio.

Returns:

number - End ratio.
Setter for the end ratio.
Note: It is always greater than the startRatio.

Params:

NameTypeDefaultDescription
rationumber
1
End ratio to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

fill

Getter for the scroller fill.

Returns:

anychart.graphics.vector.Fill - Fill color.
Setter for scroller fill settings using an array, an object or a string. Learn more about coloring.

Params:

NameTypeDefaultDescription
coloranychart.graphics.vector.Fill | Array.<(anychart.graphics.vector.GradientKey|string)>
'#fff'
Color as an array, an object or a string.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Scroller fill color with opacity.

Params:

NameTypeDescription
colorstringColor as a string.
opacitynumberColor opacity.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Linear gradient fill. Learn more about coloring.

Params:

NameTypeDescription
keysArray.<(anychart.graphics.vector.GradientKey|string)>Gradient keys.
anglenumberGradient angle.
modeboolean | anychart.graphics.vector.Rect | ObjectGradient mode.
opacitynumberGradient opacity.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Radial gradient fill. Learn more about coloring.

Params:

NameTypeDescription
keysArray.<(anychart.graphics.vector.GradientKey|string)>Color-stop gradient keys.
cxnumberX ratio of center radial gradient.
cynumberY ratio of center radial gradient.
modeanychart.graphics.math.RectIf defined then userSpaceOnUse mode, else objectBoundingBox.
opacitynumberOpacity of the gradient.
fxnumberX ratio of focal point.
fynumberY ratio of focal point.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Image fill. Learn more about coloring.

Params:

NameTypeDescription
imageSettingsanychart.graphics.vector.FillObject with settings.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

getRemainingBounds

Returns the remaining (after scroller placement) part of the container.

Returns:

anychart.math.Rect - Parent bounds without the space used by the scroller.

height

Getter for the scroller height.

Returns:

number | string - Scroller height.
Setter for the scroller height.

Params:

NameTypeDefaultDescription
heightnumber | string
40
Scroller height to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

inverted

Getter for the scroller inversion.

Returns:

boolean - Inverted state.
Setter for the scroller inversion.

Params:

NameTypeDefaultDescription
enabledboolean
false
Whether scroller should be inverted or not.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

maxHeight

Getter for the scroller maximum height.

Returns:

number | string | null - Scroller maximum height.
Setter for the scroller maximum height.

Params:

NameTypeDescription
heightnumber | string | nullMaximum height

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

minHeight

Setter for the scroller minimum height.

Returns:

number | string | null - Scroller minimum height.
Setter for the scroller minimum height.

Params:

NameTypeDescription
heightnumber | string | nullMinimum height.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

orientation

Getter for the scroller orientation.

Returns:

anychart.enums.Orientation | string - Scroller orientation.
Setter for the scroller orientation.

Params:

NameTypeDefaultDescription
orientationanychart.enums.Orientation | string
'bottom'
Scroller orientation.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

outlineStroke

Getter for outline stroke settings.

Returns:

anychart.graphics.vector.Stroke - Stroke settings.
Setter for outline stroke settings. Learn more about stroke settings.

Params:

NameTypeDefaultDescription
coloranychart.graphics.vector.Stroke | anychart.graphics.vector.ColoredFill | string | null
'#cecece'
Stroke settings.
thicknessnumber
Line thickness.
dashpatternstring
Controls the pattern of dashes and gaps used to stroke paths.
lineJoinstring | anychart.graphics.vector.StrokeLineJoin
Line join style.
lineCapstring | anychart.graphics.vector.StrokeLineCap
Line cap style.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Setter for outline stroke using an object.

Params:

NameTypeDescription
settingsObjectStroke settings from anychart.graphics.vector.Stroke.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

padding

Setter for the scroller paddings in pixels using a single value.

Params:

NameTypeDefaultDescription
paddingArray.<(number|string)> | Object
{top: 0, right: 0, bottom: 0, left: 0}
Padding to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Example.
scroller.padding([5, 15]);
or
scroller.padding({left: 10, top: 20, bottom: 30, right: "40%"}});
Setter for the scroller paddings in pixels using several numbers.

Params:

NameTypeDefaultDescription
value1string | number
0
Top or top-bottom space.
value2string | number
0
Right or right-left space.
value3string | number
0
Bottom space.
value4string | number
0
Left space.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Example.
// 1) all 10px
chart.padding(10);
// 2) top and bottom 10px, left and right 15px
chart.padding(10, '15px');
// 3) top 10px, left and right 15px, bottom 5px
chart.padding(10, '15px', 5);
// 4) top 10px, right 15%, bottom 5px, left 12px
chart.padding(10, '15%', '5px', 12);

parentBounds

Getter for parent bounds.
As a getter falls back to stage bounds.

Returns:

anychart.math.Rect - Parent bounds.
Setter for bounds using single value.

Params:

NameTypeDescription
boundsanychart.math.Rect | Object | nullParent bounds to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Setter for bounds using several values.

Params:

NameTypeDescription
leftnumberLeft space.
topnumberTop space.
widthnumberA width for a scroller.
heightnumberA height for a scroller.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

selectedFill

Getter for scroller fill in selected mode.

Returns:

anychart.graphics.vector.Fill - Select fill color.
Setter for scroller fill settings in selected mode using an array or a string. Learn more about coloring.

Params:

NameTypeDefaultDescription
coloranychart.graphics.vector.Fill | Array.<(anychart.graphics.vector.GradientKey|string)>
{color: "#1976d2", opacity: 0.2}
Color as an array, an object or a string.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Scroller fill color in selected mode with opacity.

Params:

NameTypeDescription
colorstringColor as a string.
opacitynumberColor opacity.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Linear gradient fill in selected mode. Learn more about coloring.

Params:

NameTypeDescription
keysArray.<(anychart.graphics.vector.GradientKey|string)>Gradient keys.
anglenumberGradient angle.
modeboolean | anychart.graphics.vector.Rect | ObjectGradient mode.
opacitynumberGradient opacity.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Radial gradient fill in selected mode. Learn more about coloring.

Params:

NameTypeDescription
keysArray.<(anychart.graphics.vector.GradientKey|string)>Color-stop gradient keys.
cxnumberX ratio of center radial gradient.
cynumberY ratio of center radial gradient.
modeanychart.graphics.math.RectIf defined then userSpaceOnUse mode, else objectBoundingBox.
opacitynumberOpacity of the gradient.
fxnumberX ratio of focal point.
fynumberY ratio of focal point.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.
Image fill in selected mode. Learn more about coloring.

Params:

NameTypeDescription
imageSettingsanychart.graphics.vector.FillObject with settings.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

setRange

Changes selected range to the passed one.

Params:

NameTypeDescription
startRationumberClamped to [0..1].
endRationumberClamped to [0..1].

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

startRatio

Getter for the starting ratio.

Returns:

number - Start ratio.
Setter for the starting ratio.
Note: It is always less than the endRatio.

Params:

NameTypeDefaultDescription
valuenumber
0
Value to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

thumbs

Getter for the thumbs.

Returns:

anychart.core.ui.Scroller.Thumbs - Thumbs instance.
Setter for the thumbs settings.

Params:

NameTypeDefaultDescription
settingsboolean | Object | null
null
Thumbs settings.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.

zIndex

Getter for the Z-index of the element.

Returns:

number - Z-index.
Setter for the Z-index of the element.

Params:

NameTypeDefaultDescription
zIndexnumber
0
Value to set.

Returns:

anychart.standalones.Scroller - Self instance for method chaining.