Top
You are looking at an outdated 7.13.1 version of this document. Switch to the 8.0.1 version to see the up to date information.

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.
hoverFill()Fill settings in hover mode.
hoverStroke()Stroke settings in hover mode.
stroke()Stroke settings.
Interactivity
autoHide()Auto hide
enabled()Thumbs state (enabled or disabled).

Methods Description

autoHide

Getter for the current auto hide.

Returns:

boolean - The current auto hide.

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 current thumbs state (enabled or disabled)

Returns:

boolean - The current thumbs state.

Try it:

Getter for the current 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 current thumbs fill color.

Returns:

anychart.graphics.vector.Fill - The current fill color.

Try it:

Sets 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:

hoverFill

Getter for current thumbs fill color in hover mode.

Returns:

anychart.graphics.vector.Fill - The current fill color.

Try it:

Sets thumbs fill settings in hover mode using an array or a string. Learn more about coloring.

Params:

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

Returns:

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

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 in hover mode. 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 in hover mode. 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:

Image fill in hover mode. Learn more about coloring.

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:

hoverStroke

Getter for the current thumbs stroke settings in hover mode.

Returns:

anychart.graphics.vector.Stroke - The current stroke settings.

Try it:

Setter for thumbs stroke settings in hover mode. Learn more about stroke settings.

Params:

Name Type Default Description
value anychart.graphics.vector.Stroke | anychart.graphics.vector.ColoredFill | string | null
"#545f69"
Stroke settings.
thickness number
1
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:

stroke

Getter for the current thumbs stroke settings.

Returns:

anychart.graphics.vector.Stroke - The current 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: