Configuration options

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

Highcharts.setOptions({

});

Highcharts.chart({

legend: {

accessibility: { ... }

align: center

alignColumns: true

backgroundColor: null

borderColor: #999999

borderRadius: null

borderWidth: 0

bubbleLegend: { ... }

className: highcharts-no-tooltip

enabled: true

events: { ... }

floating: false

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

itemDistance: null

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

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

itemMarginBottom: 2

itemMarginTop: 2

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

itemWidth: null

labelFormat: {name}

labelFormatter: null

layout: horizontal

lineHeight: 16

margin: 12

maxHeight: null

padding: 8

reversed: false

rtl: false

shadow: null

squareSymbol: true

style: null

symbolHeight: null

symbolPadding: 5

symbolRadius: null

symbolWidth: null

title: { ... }

useHTML: false

valueDecimals: -1

valueSuffix: ''

verticalAlign: bottom

width: null

x: null

y: null

}

});

Members and properties

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

Welcome to the Highcharts JS (highcharts) 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.