Top

class anychart.core.ui.ChartScroller Improve this Doc

Extends: anychart.core.ui.Scroller

Chart scroller class that also exposes position method that is used by chart.

Methods Overview

Specific settings
allowRangeChange()Mode of the range changing.
thumbs()Thumbs settings.
Coloring
fill()Fill settings.
outlineStroke()Stroke settings.
selectedFill()Select fill settings.
Events
listen()Adds an event listener.
listenOnce()Adds a single time event listener.
removeAllListeners()Removes all listeners.
unlisten()Removes the listener.
unlistenByKey()Removes the listener by the key.
Export
print()Prints all elements.
Interactivity
autoHide()Auto hide setting.
enabled()Element state (enabled or disabled).
Size and Position
height()Scroller height.
inverted()Inverted settings.
maxHeight()Scroller maximum height.
minHeight()Scroller minimum height.
orientation()Scroller orientation.
position()Scroller position.
zIndex()Z-index of the element.

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:

Name Type Default Description
value boolean
true
Value to set.

Returns:

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

Try it:

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:

Name Type Default Description
value boolean
false
Value to set.

Returns:

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

Try it:

enabled

Getter for the current element state (enabled or disabled).

Returns:

boolean - The current element state.

Try it:

Setter for the element enabled state.

Params:

Name Type Default Description
value boolean
true
Value to set.

Returns:

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

Try it:

fill

Getter for the scroller fill.

Returns:

anychart.graphics.vector.Fill - Fill color.

Try it:

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

Params:

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

Returns:

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

Params:

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

Returns:

anychart.core.ui.Scroller - 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 - 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 - 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 - Self instance for method chaining.

Try it:

height

Getter for the scroller height.

Returns:

number string - Scroller height.

Try it:

Setter for the scroller height.

Params:

Name Type Default Description
value number | string
40
Scroller height

Returns:

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

Try it:

inverted

Getter for the scroller inversion.

Returns:

boolean - The current inverted state.

Try it:

Setter for the scroller inversion.

Params:

Name Type Default Description
value boolean
false
Whether scroller should be inverted or not.

Returns:

anychart.core.ui.ChartScroller - Self instance for method chaining.

Try it:

listen

Adds an event listener to an implementing object.

Params:

Name Type Default Description
type string
The event type id.
listener function
Callback method. Function that looks like function(event){ // event.actualTarget - actual event target // event.currentTarget - current event target // event.iterator - event iterator // event.originalEvent - original event // event.point - event point // event.pointIndex - event point index }.
useCapture boolean
false
Whether to fire in capture phase. Learn more about capturing https://javascript.info/bubbling-and-capturing
listenerScope Object
Object in whose scope to call the listener.

Returns:

Object - Unique key for the listener.

Try it:

listenOnce

Adds an event listener to an implementing object.

Params:

Name Type Default Description
type string
The event type id.
listener function
Callback method.
useCapture boolean
false
Whether to fire in capture phase. Learn more about capturing https://javascript.info/bubbling-and-capturing
listenerScope Object
Object in whose scope to call the listener.

Returns:

Object - Unique key for the listener.

Try it:

maxHeight

Getter for the scroller maximum height.

Returns:

number string null - Scroller maximum height.

Try it:

Setter for the scroller maximum height.

Params:

Name Type Description
value number | string | null Maximum height

Returns:

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

Try it:

minHeight

Setter for the scroller minimum height.

Returns:

number string null - Scroller minimum height.

Try it:

Setter for the scroller minimum height.

Params:

Name Type Description
value number | string | null Minimum height.

Returns:

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

Try it:

orientation

Getter for the scroller orientation.

Returns:

anychart.enums.Orientation string - Scroller orientation.

Try it:

Setter for the scroller orientation.

Params:

Name Type Default Description
value anychart.enums.Orientation | string
"bottom"
Scroller orientation.

Returns:

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

Try it:

outlineStroke

Getter for outline stroke settings.

Returns:

anychart.graphics.vector.Stroke - Stroke settings.

Try it:

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

Params:

Name Type Default Description
value anychart.graphics.vector.Stroke | anychart.graphics.vector.ColoredFill | string | null
"#cecece"
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 - Self instance for method chaining.

Try it:

position

Getter for the scroller position.

Returns:

anychart.enums.ChartScrollerPosition - Scroller position.

Try it:

Setter for the scroller position.

Params:

Name Type Default Description
value anychart.enums.ChartScrollerPosition | string
"afterAxis"
Position to set.

Returns:

anychart.core.ui.ChartScroller - Self instance for method chaining.

Try it:

print

Prints all elements on related stage.

Params:

Name Type Default Description
paperSizeOrOptions anychart.graphics.vector.PaperSize | Object
Paper size or object with options.
landscape boolean
false
Flag of landscape.

Try it:

removeAllListeners

Removes all listeners from an object. You can also optionally remove listeners of some particular type.

Params:

Name Type Description
type string Type of event to remove, default is to remove all types.

Returns:

number - Number of listeners removed.

Try it:

selectedFill

Getter for scroller fill in selected mode.

Returns:

anychart.graphics.vector.Fill - Select fill color.

Try it:

Setter for scroller fill settings in selected mode using an array or a string. Learn more about coloring.

Params:

Name Type Default Description
value anychart.graphics.vector.Fill
{color: "#1976d2", opacity: 0.2}
Color as an array or a string.

Returns:

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

Params:

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

Returns:

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

Try it:

Linear gradient fill in selected 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 - Self instance for method chaining.

Try it:

Radial gradient fill in selected 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 - Self instance for method chaining.

Try it:

Image fill in selected mode. Learn more about coloring.

Params:

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

Returns:

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

Try it:

thumbs

Getter for the thumbs.

Returns:

anychart.core.ui.Scroller.Thumbs - Thumbs instance.

Try it:

Setter for the thumbs settings.

Params:

Name Type Default Description
value boolean | Object | null
null
Thumbs settings.

Returns:

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

unlisten

Removes a listener added using listen() or listenOnce() methods.

Params:

Name Type Default Description
type string
The event type id.
listener function
Callback method.
useCapture boolean
false
Whether to fire in capture phase. Learn more about capturing https://javascript.info/bubbling-and-capturing
listenerScope Object
Object in whose scope to call the listener.

Returns:

boolean - Whether any listener was removed.

Try it:

unlistenByKey

Removes an event listener which was added with listen() by the key returned by listen() or listenOnce().

Params:

Name Type Description
key Object The key returned by listen() or listenOnce().

Returns:

boolean - Whether any listener was removed.

Try it:

zIndex

Getter for the current Z-index of the element.

Returns:

number - The current zIndex.

Try it:

Setter for the Z-index of the element.

Params:

Name Type Default Description
value number
0
Value to set.

Returns:

anychart.core.VisualBase - Self instance for method chaining.

Try it: