Top

class anychart.core.ui.Scroller.Thumbs Improve this Doc

Thumbs settings. Doesn't draw anything, just contains settings and notifies the scroller about their change.

Methods Overview

Coloring
fill()Fill settings.
stroke()Stroke settings.
Interactivity
autoHide()Auto hide
enabled()Thumbs state (enabled or disabled).
hovered()Hovered state settings.
normal()Normal state settings.

Methods Description

autoHide

Getter for the auto hide.

Returns:

boolean - Auto hide state.

Try it:

Setter for the auto hide. Whether the thumbs should be hidden on scroller mouse out event.

Params:

Name Type Default Description
value boolean
false
Boolean value.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

enabled

Getter for the thumbs state (enabled or disabled)

Returns:

boolean - Thumbs state.

Try it:

Setter for the thumbs state. Whether the thumbs should be drawn.

Params:

Name Type Description
value boolean Value to set.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

fill

Getter for thumbs fill color.

Returns:

anychart.graphics.vector.Fill - Fill color.

Try it:

Setter for thumbs fill settings using an array or a string. Learn more about coloring.

Params:

Name Type Default Description
value anychart.graphics.vector.Fill
"#f7f7f7"
Color as an array or a string.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.
Thumbs fill color with opacity.

Params:

Name Type Description
color string Color as a string.
opacity number Color opacity.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

Linear gradient fill. Learn more about coloring.

Params:

Name Type Description
keys Array.<(anychart.graphics.vector.GradientKey|string)> Gradient keys.
angle number Gradient angle.
mode boolean | anychart.graphics.vector.Rect | Object Gradient mode.
opacity number Gradient opacity.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

Radial gradient fill. Learn more about coloring.

Params:

Name Type Description
keys Array.<(anychart.graphics.vector.GradientKey|string)> Color-stop gradient keys.
cx number X ratio of center radial gradient.
cy number Y ratio of center radial gradient.
mode anychart.graphics.math.Rect If defined then userSpaceOnUse mode, else objectBoundingBox.
opacity number Opacity of the gradient.
fx number X ratio of focal point.
fy number Y ratio of focal point.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

Params:

Name Type Description
imageSettings anychart.graphics.vector.Fill Object with settings.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

hovered

Getter for hovered state settings.

Returns:

anychart.core.StateSettings - Hovered state settings

Try it:

Setter for hovered state settings.

Params:

Name Type Description
value Object State settings to set.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

normal

Getter for normal state settings.

Returns:

anychart.core.StateSettings - Normal state settings.

Try it:

Setter for normal state settings.

Params:

Name Type Description
value Object State settings to set.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it:

stroke

Getter for thumbs stroke settings.

Returns:

anychart.graphics.vector.Stroke - Stroke settings.

Try it:

Setter for thumbs stroke settings. Learn more about stroke settings.

Params:

Name Type Default Description
value anychart.graphics.vector.Stroke | anychart.graphics.vector.ColoredFill | string | null
"#7c868e"
Stroke settings.
thickness number
Line thickness.
dashpattern string
Controls the pattern of dashes and gaps used to stroke paths.
lineJoin anychart.graphics.vector.StrokeLineJoin
Line join style.
lineCap anychart.graphics.vector.StrokeLineCap
Line cap style.

Returns:

anychart.core.ui.Scroller.Thumbs - Self instance for method chaining.

Try it: