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
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.Try it:
Thumbs fill color with opacity.
Detailed description
Note: If color is set as a string (e.g. 'red .5') it has a priority over opt_opacity, which
means: color set like this rect.fill('red 0.3', 0.7) will have 0.3 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:
Image fill.
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:
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.Try it:
Thumbs fill color with opacity in hover mode.
Detailed description
Note: If color is set as a string (e.g. 'red .5') it has a priority over opt_opacity, which
means: color set like this rect.fill('red 0.3', 0.7) will have 0.3 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 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: