Configuration options

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

Highcharts.setOptions({

});

Highcharts.chart({

dataLabels: {

align: undefined

alignTo: null

alignToKey: null

allowOverlap: false

animation: { ... }

backgroundColor: null

borderColor: null

borderRadius: 3

borderWidth: 0

className: null

color: null

crop: true

defer: true

distance: 4

enabled: false

filter: { ... }

format: point.value

formatter: null

inside: null

labelrank: null

nullFormat: null

nullFormatter: null

overflow: justify

padding: null

position: center

rotation: 0

shadow: false

shape: square

style: { fontSize: '0.7em', fontWeight: 'bold', color: 'contrast', textOutline: '1px contrast' }

textPath: { ... }

useHTML: false

verticalAlign: undefined

x: null

xHigh: null

xLow: null

y: null

yHigh: null

yLow: null

zIndex: 6

}

});

Members and properties

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

Welcome to the Highcharts Core 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.

plotOptions.arearange.dataLabels

Extended data labels for range series types. Range series data labels can be positioned individually by defining them as an array and setting alignToKey to high or low.