ScrollbarSettings API in Vue Chart API component

Specifies properties for customizing the scrollbar settings in lazy loading.

Properties

enable

boolean

If set to true, activates the scrollbar for lazy loading in charts. If set to false, the scrollbar is disabled.

Defaults to false

enableZoom

boolean

Specifies whether zooming by scrollbar is enabled or disabled.

Defaults to true

gripColor

string

The gripColor property specifies the color of the thumb grip of the scrollbar.

Defaults to null

height

number

Defines the height of the scrollbar.

Defaults to 16

pointsLength

number

Defines the length of the points for numeric and logarithmic values.

Defaults to null

position

ScrollbarPosition

Specifies the position of the scrollbar in the chart. The available options are:

• Top: Places the scrollbar at the top of the chart. Applicable only for horizontal scrollbars.
• Bottom: Places the scrollbar at the bottom of the chart. Applicable only for horizontal scrollbars.
• Left: Places the scrollbar on the left side of the chart. Applicable only for vertical scrollbars.
• Right: Places the scrollbar on the right side of the chart. Applicable only for vertical scrollbars.
• PlaceNextToAxisLine: Places the scrollbar next to the axis line.

Defaults to ‘PlaceNextToAxisLine’

range

ScrollbarSettingsRangeModel

Specifies the range for date-time values only.

scrollbarColor

string

Defines the color for the scrollbar.

Defaults to null

scrollbarRadius

number

Defines the border radius for the scrollbar.

Defaults to 0

trackColor

string

Specifies the color used for the background of the track area in the scrollbar.

Defaults to null

trackRadius

number

Defines the border radius for back rect.

Defaults to 0