Configuration options

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

Highcharts.setOptions({

});

Highcharts.ganttChart({

xAxis: {

accessibility: { ... }

alignTicks: true

allowDecimals: undefined

alternateGridColor: null

breaks: { ... }

categories: null

ceiling: null

className: null

crosshair: { ... }

crossing: null

currentDateIndicator: { ... }

dateTimeLabelFormats: { ... }

endOnTick: null

events: { ... }

floor: null

grid: { ... }

gridLineColor: var(--highcharts-neutral-color-10)

gridLineDashStyle: Solid

gridLineWidth: null

gridZIndex: 1

id: null

labels: { ... }

lineColor: var(--highcharts-neutral-color-80)

lineWidth: 1

linkedTo: null

margin: null

max: null

maxPadding: 0.01

maxRange: null

min: null

minorGridLineColor: var(--highcharts-neutral-color-5)

minorGridLineDashStyle: Solid

minorGridLineWidth: 1

minorTickColor: var(--highcharts-neutral-color-40)

minorTickInterval: null

minorTickLength: 2

minorTickPosition: outside

minorTicks: false

minorTicksPerMajor: 5

minorTickWidth: 0

minPadding: 0.01

minRange: null

minTickInterval: null

offset: null

opposite: null

panningEnabled: true

plotBands: { ... }

plotLines: { ... }

reversed: undefined

showEmpty: true

showFirstLabel: true

showLastLabel: undefined

softMax: null

softMin: null

startOfWeek: 1

startOnTick: null

staticScale: 50

tickAmount: null

tickColor: var(--highcharts-neutral-color-80)

tickInterval: null

tickLength: 10

tickmarkPlacement: between

tickPixelInterval: 100

tickPosition: outside

tickPositioner: null

tickPositions: null

tickWidth: null

title: { ... }

type: linear

uniqueNames: true

units: null

visible: true

zIndex: 2

zoomEnabled: true

}

});

Members and properties

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

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

xAxis

The X axis or category axis. Normally this is the horizontal axis, though if the chart is inverted this is the vertical axis. In case of multiple axes, the xAxis node is an array of configuration objects.

See the Axis class for programmatic access to the axis.