Configuration options

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

Highcharts.setOptions({

});

Highcharts.stockChart({

legend: {

accessibility: { ... }

align: null

alignColumns: null

backgroundColor: null

borderColor: null

borderRadius: null

borderWidth: 0

bubbleLegend: { ... }

className: null

enabled: null

floating: false

itemCheckboxStyle: {"width": "13px", "height": "13px", "position":"absolute"}

itemDistance: null

itemHiddenStyle: {"color": "#cccccc"}

itemHoverStyle: {"color": "#000000"}

itemMarginBottom: 0

itemMarginTop: 0

itemStyle: {"color": "#333333", "cursor": "pointer", "fontSize": "12px", "fontWeight": "bold", "textOverflow": "ellipsis"}

itemWidth: null

labelFormat: {name}

labelFormatter: null

layout: null

margin: 12

maxHeight: null

padding: 8

reversed: false

rtl: false

shadow: null

squareSymbol: null

style: null

symbolHeight: null

symbolPadding: null

symbolRadius: null

symbolWidth: null

title: { ... }

useHTML: false

verticalAlign: null

width: null

x: null

y: null

}

});

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.

legend

The legend is a box containing a symbol and name for each series item or point item in the chart. Each series (or points in case of pie charts) is represented by a symbol and its name in the legend.

It is possible to override the symbol creator function and create custom legend symbols.

A Highmaps legend by default contains one legend item per series, but if a colorAxis is defined, the axis will be displayed in the legend. Either as a gradient, or as multiple legend items for dataClasses.