Configuration options

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

Highcharts.setOptions({

});

Highcharts.ganttChart({

yAxis: {

accessibility: { ... }

alignTicks: true

allowDecimals: undefined

alternateGridColor: null

breaks: { ... }

categories: null

ceiling: null

className: null

crosshair: { ... }

crossing: null

dateTimeLabelFormats: { ... }

endOnTick: true

events: { ... }

floor: null

grid: { ... }

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

gridLineDashStyle: Solid

gridLineWidth: 1

gridZIndex: 1

id: null

labels: { ... }

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

lineWidth: null

linkedTo: null

margin: null

max: null

maxPadding: 0.05

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.05

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: true

staticScale: 50

tickAmount: null

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

tickInterval: null

tickLength: 10

tickmarkPlacement: between

tickPixelInterval: 72

tickPosition: outside

tickPositioner: null

tickPositions: null

tickWidth: 0

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.

yAxis

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

See the Axis object for programmatic access to the axis.