JS API Reference

Welcome to the Highcharts Core JS (highcharts) 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.

plotOptions.arearange

The area range series is a cartesian series with higher and lower values for each point along an X axis, where the area between the values is shaded.

Configuration options for the series are given in three levels:

  1. Options for all series in a chart are defined in the plotOptions.series object.
  2. Options for all arearange series are defined in plotOptions.arearange.
  3. Options for one single series are given in the series instance array.
Highcharts.chart('container', {
    plotOptions: {
        series: {
            // general options for all series
        },
        arearange: {
            // shared options for all arearange series
        }
    },
    series: [{
        // specific options for this series instance
        type: 'arearange'
    }]
});

TypeScript:

  • type option should always be set, otherwise a broad set of unsupported options is allowed.
  • when accessing an array of series, the combined set of all series types is represented by Highcharts.SeriesOptionsType . Narrowing down to the specific type can be done by checking the type property.
if (chart.options.series?.[0]?.type === arearange) {
    // code specific to the arearange series
}

Copyright © 2026, Highsoft AS. All rights reserved.

Highcharts Core v12.6.0 - Generated from branch master (commit b0b7d196ce), on Mon Apr 13 2026 09:45:30 GMT+0200 (Central European Summer Time)