Configuration options

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

Highcharts.setOptions({

});

Highcharts.ganttChart({

rangeSelector: {

allButtonsEnabled: null

buttonPosition: { ... }

buttons: { ... }

buttonSpacing: 5

buttonTheme: null

enabled: undefined

floating: null

height: null

inputBoxBorderColor: none

inputBoxHeight: 17

inputBoxWidth: null

inputDateFormat: %[ebY]

inputDateParser: undefined

inputEditDateFormat: %Y-%m-%d

inputEnabled: true

inputPosition: { ... }

inputSpacing: 5

inputStyle: null

labelStyle: null

selected: null

verticalAlign: top

x: null

y: 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.

rangeSelector

The range selector is a tool for selecting ranges to display within the chart. It provides buttons to select preconfigured ranges in the chart, like 1 day, 1 week, 1 month etc. It also provides input boxes where min and max dates can be manually input.