Configuration options

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

Highcharts.setOptions({

});

Highcharts.ganttChart({

chart: {

alignThresholds: null

alignTicks: true

allowMutatingData: true

animation: true

axisLayoutRuns: 2

backgroundColor: #ffffff

borderColor: #334eff

borderRadius: null

borderWidth: 0

className: null

colorCount: 10

displayErrors: true

events: { ... }

height: null

ignoreHiddenSeries: true

inverted: false

margin: null

marginBottom: null

marginLeft: null

marginRight: null

marginTop: null

numberFormatter: null

panKey: null

panning: { ... }

pinchType: null

plotBackgroundColor: null

plotBackgroundImage: null

plotBorderColor: #cccccc

plotBorderWidth: 0

plotShadow: false

reflow: true

renderTo: null

resetZoomButton: { ... }

scrollablePlotArea: { ... }

selectionMarkerFill: rgba(51,92,173,0.25)

shadow: false

showAxes: null

spacing: [10, 10, 15, 10]

spacingBottom: 15

spacingLeft: 10

spacingRight: 10

spacingTop: 10

style: {"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif", "fontSize":"1rem"}

styledMode: false

type: null

width: null

zooming: { ... }

zoomKey: null

zoomType: null

}

});

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.

chart

General options for the chart.