Configuration options

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

Highcharts.setOptions({

});

Highcharts.chart({

dataLabels: {

align: null

alignTo: null

allowOverlap: true

alternate: true

animation: { ... }

backgroundColor: #ffffff

borderColor: #999999

borderRadius: 3

borderWidth: 1

className: null

color: #333333

connectorColor: null

connectorWidth: 1

crop: true

defer: true

distance: undefined

enabled: true

filter: { ... }

format: point.value

formatter: null

inside: null

nullFormat: null

nullFormatter: null

overflow: justify

padding: 5

position: center

rotation: 0

shadow: null

shape: square

style: { ... }

textPath: { ... }

useHTML: false

verticalAlign: null

width: null

x: null

y: null

zIndex: 6

}

});

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.

series.timeline.dataLabels

Options for the series data labels, appearing next to each data point.

Since v6.2.0, multiple data labels can be applied to each single point by defining them as an array of configs.

In styled mode, the data labels can be styled with the .highcharts-data-label-box and .highcharts-data-label class names (see example).