Configuration options

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

Highcharts.setOptions({

});

Highcharts.ganttChart({

rangeSelector: {

allButtonsEnabled: null

buttonPosition: { ... }

buttons: { ... }

buttonSpacing: null

buttonTheme: null

enabled: null

floating: null

height: null

inputBoxBorderColor: null

inputBoxHeight: null

inputBoxWidth: null

inputDateFormat: null

inputDateParser: null

inputEditDateFormat: null

inputEnabled: null

inputPosition: { ... }

inputSpacing: null

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.