Specifies the settings of the scroll bar.

Type: Object

The scroll bar allows a user to scroll the chart. In order to use the scroll bar, you need to enable scrolling and zooming in your chart.

By default, the scroll bar is hidden. To make it visible, set the visible field of the scrollBar object to true. Using other fields of this object you can adjust the scroll bar appearance settings, including color, width and opacity.

View Demo


Specifies the color of the scroll bar.

Type: String
Default Value: 'gray'

This option supports the following colors.


Specifies the spacing between the scroll bar and the chart's plot in pixels.

Type: Number
Default Value: 5


Specifies the opacity of the scroll bar.

Type: Number
Default Value: undefined


Specifies the position of the scroll bar in the chart.

Type: String
Default Value: 'top'
Accepted Values: 'left' | 'top' | 'bottom' | 'right'

Depending on whether the chart is rotated or not, this option accepts different values. In a non-rotated chart, you can assign either 'top' or 'bottom' to this option. In a rotated chart, this option accepts either 'left' or 'right'.


Specifies whether the scroll bar is visible or not.

Type: Boolean
Default Value: false
Making the scroll bar visible can be useful only if scrolling is enabled in your chart.


Specifies the width of the scroll bar in pixels.

Type: Number
Default Value: 10