Configuration options

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

Highcharts.setOptions({

});

Highcharts.ganttChart({

accessibility: { ... }

alignTicks: true

allowDecimals: undefined

alternateGridColor: null

breaks: { ... }

categories: null

className: null

crosshair: { ... }

dateTimeLabelFormats: { ... }

endOnTick: true

events: { ... }

grid: { ... }

gridLineColor: #e6e6e6

gridLineDashStyle: Solid

gridLineWidth: 1

id: null

labels: { ... }

lineColor: #333333

lineWidth: null

max: null

maxPadding: 0.05

min: null

minorGridLineColor: #f2f2f2

minorGridLineDashStyle: Solid

minorGridLineWidth: 1

minorTickColor: #999999

minorTickInterval: null

minorTickLength: 2

minorTickPosition: outside

minorTicks: false

minorTicksPerMajor: 5

minorTickWidth: 0

minPadding: 0.05

minTickInterval: null

panningEnabled: true

plotBands: { ... }

plotLines: { ... }

reversed: undefined

showEmpty: true

showFirstLabel: true

showLastLabel: undefined

startOnTick: true

staticScale: 50

tickAmount: null

tickColor: #333333

tickInterval: null

tickmarkPlacement: between

tickPixelInterval: 72

tickPosition: outside

tickPositioner: null

tickPositions: null

title: { ... }

type: linear

uniqueNames: true

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.