Configuration options

For initial declarative chart setup. View as JSON.

Highcharts.setOptions({

});

Highcharts.ganttChart({

rangeSelector: {

allButtonsEnabled: false

buttonPosition: { ... }

buttons: { ... }

buttonSpacing: 0

buttonTheme: null

enabled: true

floating: null

height: null

inputBoxBorderColor: #cccccc

inputBoxHeight: 17

inputBoxStyle: null

inputBoxWidth: 90

inputDateFormat: %b %e, %Y

inputDateParser: null

inputEditDateFormat: %Y-%m-%d

inputEnabled: true

inputPosition: { ... }

inputStyle: null

labelStyle: null

selected: null

verticalAlign: null

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.