Configuration options

For initial declarative chart setup. Download as ZIP or JSON.

Highcharts.setOptions({

});

Highcharts.stockChart({

scrollbar: {

barBackgroundColor: #cccccc

barBorderColor: #cccccc

barBorderRadius: 5

barBorderWidth: null

buttonArrowColor: #333333

buttonBackgroundColor: #e6e6e6

buttonBorderColor: #cccccc

buttonBorderRadius: null

buttonBorderWidth: 1

buttonsEnabled: null

enabled: true

height: 10

liveRedraw: undefined

margin: null

minWidth: 6

rifleColor: none

showFull: true

trackBackgroundColor: rgba(255, 255, 255, 0.001)

trackBorderColor: #cccccc

trackBorderRadius: 5

trackBorderWidth: 1

zIndex: 3

}

});

Members and properties

For modifying the chart at runtime. See the class reference.

Welcome to the Highcharts Stock JS (highstock) Options Reference

These pages outline the chart configuration options, and the methods and properties of Highcharts objects.

Feel free to search this API through the search bar or the navigation tree in the sidebar.

scrollbar

The scrollbar is a means of panning over the X axis of a stock chart. Scrollbars can also be applied to other types of axes.

Another approach to scrollable charts is the chart.scrollablePlotArea option that is especially suitable for simpler cartesian charts on mobile.

In styled mode, all the presentational options for the scrollbar are replaced by the classes .highcharts-scrollbar-thumb, .highcharts-scrollbar-arrow, .highcharts-scrollbar-button, .highcharts-scrollbar-rifles and .highcharts-scrollbar-track.