Configuration options

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

Highcharts.setOptions({

});

Highcharts.chart({

chart: {

alignThresholds: null

alignTicks: true

allowMutatingData: true

animation: true

axisLayoutRuns: 2

backgroundColor: #ffffff

borderColor: #334eff

borderRadius: null

borderWidth: 0

className: null

colorCount: 10

displayErrors: true

events: { ... }

height: null

ignoreHiddenSeries: true

inverted: false

margin: null

marginBottom: null

marginLeft: null

marginRight: null

marginTop: null

numberFormatter: null

options3d: { ... }

panKey: null

panning: { ... }

parallelAxes: { ... }

parallelCoordinates: null

pinchType: null

plotBackgroundColor: null

plotBackgroundImage: null

plotBorderColor: #cccccc

plotBorderWidth: 0

plotShadow: false

polar: false

reflow: true

renderTo: null

resetZoomButton: { ... }

scrollablePlotArea: { ... }

selectionMarkerFill: rgba(51,92,173,0.25)

shadow: false

showAxes: null

spacing: [10, 10, 15, 10]

spacingBottom: 15

spacingLeft: 10

spacingRight: 10

spacingTop: 10

style: {"fontFamily": Helvetica, Arial, sans-serif","fontSize":"1rem"}

styledMode: false

type: null

width: null

zooming: { ... }

zoomKey: null

zoomType: 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.

chart

General options for the chart.