The X-range series displays ranges on the X axis, typically time intervals with a start and an end date. X-range is the basic series of a Gantt chart.
An X-range is similar to a column range, but displays ranges in the X data where the column range displays lows and highs in the Y data. This allows X-ranges to be combined with other cartesian series types.
The X-range series requires the following module modules/xrange.js.
For more detailed samples and documentation check the API.
Click here to check the code.
Each data point in an x-range is a range from an x value (typically start date) to x2 (typically the end date). Note that dates on a Highcharts datetime axis are given as milliseconds since 1970.
y value of an x-range data point sets where to draw the range vertically. On a categorized y axis, this will reflect the category index.
Each data point may have a
partialFill option that sets how much of the task is fulfilled.
See the full set of options in the API.