highcharts 8.1.0 → 8.2.2

package/es-modules/{parts-map → Maps}/Map.js

@@ -8,13 +8,14 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
-var extend = U.extend, merge = U.merge, pick = U.pick;
-import '../parts/Options.js';
-import '../parts/Chart.js';
-import '../parts/SvgRenderer.js';
-var Chart = H.Chart, defaultOptions = H.defaultOptions, Renderer = H.Renderer, SVGRenderer = H.SVGRenderer, VMLRenderer = H.VMLRenderer;
+import Chart from '../Core/Chart/Chart.js';
+import H from '../Core/Globals.js';
+import O from '../Core/Options.js';
+var defaultOptions = O.defaultOptions;
+import SVGRenderer from '../Core/Renderer/SVG/SVGRenderer.js';
+import U from '../Core/Utilities.js';
+var extend = U.extend, getOptions = U.getOptions, merge = U.merge, pick = U.pick;
+var Renderer = H.Renderer, VMLRenderer = H.VMLRenderer;
 // Add language
 extend(defaultOptions.lang, {
     zoomIn: 'Zoom in',
@@ -258,7 +259,7 @@ defaultOptions.mapNavigation = {
  *
  * @return {Highcharts.SVGPathArray}
  */
-H.splitPath = function (path) {
+var splitPath = H.splitPath = function (path) {
     var arr;
     if (typeof path === 'string') {
         path = path
@@ -288,7 +289,7 @@ H.splitPath = function (path) {
  * @requires modules/map
  *
  * @name Highcharts.maps
- * @type {Highcharts.Dictionary<*>}
+ * @type {Record<string,*>}
  */
 H.maps = {};
 /**
@@ -317,11 +318,13 @@ function selectiveRoundedRect(x, y, w, h, rTopLeft, rTopRight, rBottomRight, rBo
         ['Z']
     ];
 }
-SVGRenderer.prototype.symbols.topbutton = function (x, y, w, h, attr) {
-    return selectiveRoundedRect(x - 1, y - 1, w, h, attr.r, attr.r, 0, 0);
+SVGRenderer.prototype.symbols.topbutton = function (x, y, w, h, options) {
+    var r = (options && options.r) || 0;
+    return selectiveRoundedRect(x - 1, y - 1, w, h, r, r, 0, 0);
 };
-SVGRenderer.prototype.symbols.bottombutton = function (x, y, w, h, attr) {
-    return selectiveRoundedRect(x - 1, y - 1, w, h, 0, 0, attr.r, attr.r);
+SVGRenderer.prototype.symbols.bottombutton = function (x, y, w, h, options) {
+    var r = (options && options.r) || 0;
+    return selectiveRoundedRect(x - 1, y - 1, w, h, 0, 0, r, r);
 };
 // The symbol callbacks are generated on the SVGRenderer object in all browsers.
 // Even VML browsers need this in order to generate shapes in export. Now share
@@ -362,14 +365,14 @@ if (Renderer === VMLRenderer) {
  * @return {Highcharts.Chart}
  *         The chart object.
  */
-H.Map = H.mapChart = function (a, b, c) {
+var mapChart = H.Map /* fake class for jQuery */ = H.mapChart = function (a, b, c) {
     var hasRenderToArg = typeof a === 'string' || a.nodeName, options = arguments[hasRenderToArg ? 1 : 0], userOptions = options, hiddenAxis = {
         endOnTick: false,
         visible: false,
         minPadding: 0,
         maxPadding: 0,
         startOnTick: false
-    }, seriesOptions, defaultCreditsOptions = H.getOptions().credits;
+    }, seriesOptions, defaultCreditsOptions = getOptions().credits;
     /* For visual testing
     hiddenAxis.gridLineWidth = 1;
     hiddenAxis.gridZIndex = 10;
@@ -408,3 +411,9 @@ H.Map = H.mapChart = function (a, b, c) {
         new Chart(a, options, c) :
         new Chart(options, b);
 };
+var mapModule = {
+    mapChart: mapChart,
+    maps: H.maps,
+    splitPath: splitPath
+};
+export default mapModule;

package/es-modules/{parts-map → Maps}/MapNavigation.js

@@ -7,12 +7,11 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
+import Chart from '../Core/Chart/Chart.js';
+import H from '../Core/Globals.js';
+var doc = H.doc;
+import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, extend = U.extend, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
-import '../parts/Chart.js';
-var Chart = H.Chart, doc = H.doc;
 /* eslint-disable no-invalid-this, valid-jsdoc */
 /**
  * @private

package/es-modules/{parts-map → Maps}/MapPointer.js

@@ -8,11 +8,9 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
+import Pointer from '../Core/Pointer.js';
+import U from '../Core/Utilities.js';
 var extend = U.extend, pick = U.pick, wrap = U.wrap;
-import '../parts/Pointer.js';
-var Pointer = H.Pointer;
 /* eslint-disable no-invalid-this */
 // Extend the Pointer
 extend(Pointer.prototype, {

package/es-modules/{mixins/centered-series.js → Mixins/CenteredSeries.js}

@@ -8,7 +8,7 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
+import H from '../Core/Globals.js';
 /**
  * @private
  * @interface Highcharts.RadianAngles
@@ -19,7 +19,7 @@ import H from '../parts/Globals.js';
 * @name Highcharts.RadianAngles#start
 * @type {number}
 */
-import U from '../parts/Utilities.js';
+import U from '../Core/Utilities.js';
 var isNumber = U.isNumber, pick = U.pick, relativeLength = U.relativeLength;
 var deg2rad = H.deg2rad;
 /* eslint-disable valid-jsdoc */
@@ -27,7 +27,7 @@ var deg2rad = H.deg2rad;
  * @private
  * @mixin Highcharts.CenteredSeriesMixin
  */
-H.CenteredSeriesMixin = {
+var centeredSeriesMixin = H.CenteredSeriesMixin = {
     /**
      * Get the center of the pie based on the size and center options relative
      * to the plot area. Borrowed by the polar and gauge series types.
@@ -52,8 +52,9 @@ H.CenteredSeriesMixin = {
             pick(size && size < 0 ? void 0 : options.size, '100%'),
             pick(innerSize && innerSize < 0 ? void 0 : options.innerSize || 0, '0%')
         ];
-        // No need for inner size in angular (gauges) series
-        if (chart.angular) {
+        // No need for inner size in angular (gauges) series but still required
+        // for pie series
+        if (chart.angular && !(this instanceof H.Series)) {
             positions[3] = 0;
         }
         for (i = 0; i < 4; ++i) {
@@ -101,3 +102,4 @@ H.CenteredSeriesMixin = {
         };
     }
 };
+export default centeredSeriesMixin;

package/es-modules/{parts-map/ColorMapSeriesMixin.js → Mixins/ColorMapSeries.js}

@@ -7,10 +7,9 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../parts/Globals.js';
-import Point from '../parts/Point.js';
-import U from '../parts/Utilities.js';
+import H from '../Core/Globals.js';
+import Point from '../Core/Series/Point.js';
+import U from '../Core/Utilities.js';
 var defined = U.defined;
 var noop = H.noop, seriesTypes = H.seriesTypes;
 /**
@@ -19,7 +18,7 @@ var noop = H.noop, seriesTypes = H.seriesTypes;
  * @private
  * @mixin Highcharts.colorMapPointMixin
  */
-H.colorMapPointMixin = {
+var colorMapPointMixin = {
     dataLabelOnNull: true,
     /* eslint-disable valid-jsdoc */
     /**
@@ -55,7 +54,7 @@ H.colorMapPointMixin = {
  * @private
  * @mixin Highcharts.colorMapSeriesMixin
  */
-H.colorMapSeriesMixin = {
+var colorMapSeriesMixin = {
     pointArrayMap: ['value'],
     axisTypes: ['xAxis', 'yAxis', 'colorAxis'],
     trackerGroups: ['group', 'markerGroup', 'dataLabelsGroup'],
@@ -79,3 +78,8 @@ H.colorMapSeriesMixin = {
         return ret;
     }
 };
+var exports = {
+    colorMapPointMixin: colorMapPointMixin,
+    colorMapSeriesMixin: colorMapSeriesMixin
+};
+export default exports;

package/es-modules/{parts-map/ColorSeriesMixin.js → Mixins/ColorSeries.js}

@@ -8,14 +8,13 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
 /**
  * Mixin for maps and heatmaps
  *
  * @private
  * @mixin Highcharts.colorPointMixin
  */
-H.colorPointMixin = {
+var colorPointMixin = {
     /* eslint-disable valid-jsdoc */
     /**
      * Set the visibility of a single point
@@ -33,6 +32,7 @@ H.colorPointMixin = {
                 point[key][method]();
             }
         });
+        this.series.buildKDTree(); // rebuild kdtree #13195
     }
     /* eslint-enable valid-jsdoc */
 };
@@ -40,7 +40,7 @@ H.colorPointMixin = {
  * @private
  * @mixin Highcharts.colorSeriesMixin
  */
-H.colorSeriesMixin = {
+var colorSeriesMixin = {
     optionalAxis: 'colorAxis',
     colorAxis: 0,
     /* eslint-disable valid-jsdoc */
@@ -61,10 +61,18 @@ H.colorSeriesMixin = {
                     (colorAxis && typeof value !== 'undefined') ?
                         colorAxis.toColor(value, point) :
                         point.color || series.color);
-            if (color) {
+            if (color && point.color !== color) {
                 point.color = color;
+                if (series.options.legendType === 'point' && point.legendItem) {
+                    series.chart.legend.colorizeItem(point, point.visible);
+                }
             }
         });
     }
     /* eslint-enable valid-jsdoc */
 };
+var exports = {
+    colorPointMixin: colorPointMixin,
+    colorSeriesMixin: colorSeriesMixin
+};
+export default exports;

package/es-modules/{mixins/derived-series.js → Mixins/DerivedSeries.js}

@@ -4,10 +4,10 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
+import H from '../Core/Globals.js';
+import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, defined = U.defined;
-import '../parts/Series.js';
+import '../Series/LineSeries.js';
 var Series = H.Series, noop = H.noop;
 /* ************************************************************************** *
  *

package/es-modules/{mixins/draw-point.js → Mixins/DrawPoint.js}

@@ -66,4 +66,9 @@ var drawPoint = function drawPoint(params) {
     // Call draw to render component
     draw.call(point, params);
 };
-export default drawPoint;
+var drawPointModule = {
+    draw: draw,
+    drawPoint: drawPoint,
+    isFn: isFn
+};
+export default drawPointModule;

package/es-modules/{mixins/geometry-circles.js → Mixins/GeometryCircles.js}

@@ -3,8 +3,8 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-import geometry from './geometry.js';
-var getAngleBetweenPoints = geometry.getAngleBetweenPoints, getCenterOfPoints = geometry.getCenterOfPoints, getDistanceBetweenPoints = geometry.getDistanceBetweenPoints;
+import Geometry from './Geometry.js';
+var getAngleBetweenPoints = Geometry.getAngleBetweenPoints, getCenterOfPoints = Geometry.getCenterOfPoints, getDistanceBetweenPoints = Geometry.getDistanceBetweenPoints;
 /**
  * @private
  * @param {number} x

package/es-modules/{mixins/indicator-required.js → Mixins/IndicatorRequired.js}

@@ -8,7 +8,7 @@
  *
  * */
 'use strict';
-import U from '../parts/Utilities.js';
+import U from '../Core/Utilities.js';
 var error = U.error;
 /* eslint-disable no-invalid-this, valid-jsdoc */
 var requiredIndicatorMixin = {

package/es-modules/{mixins/legend-symbol.js → Mixins/LegendSymbol.js}

@@ -7,8 +7,8 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
+import H from '../Core/Globals.js';
+import U from '../Core/Utilities.js';
 var merge = U.merge, pick = U.pick;
 /* eslint-disable valid-jsdoc */
 /**
@@ -17,7 +17,7 @@ var merge = U.merge, pick = U.pick;
  * @private
  * @mixin Highcharts.LegendSymbolMixin
  */
-H.LegendSymbolMixin = {
+var LegendSymbolMixin = H.LegendSymbolMixin = {
     /**
      * Get the series' symbol in the legend
      *
@@ -64,12 +64,8 @@ H.LegendSymbolMixin = {
         }
         this.legendLine = renderer
             .path([
-            'M',
-            0,
-            verticalCenter,
-            'L',
-            symbolWidth,
-            verticalCenter
+            ['M', 0, verticalCenter],
+            ['L', symbolWidth, verticalCenter]
         ])
             .addClass('highcharts-graph')
             .attr(attr)
@@ -93,4 +89,4 @@ H.LegendSymbolMixin = {
         }
     }
 };
-export default H.LegendSymbolMixin;
+export default LegendSymbolMixin;

package/es-modules/{mixins/multipe-lines.js → Mixins/MultipleLines.js}

@@ -8,8 +8,8 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
+import H from '../Core/Globals.js';
+import U from '../Core/Utilities.js';
 var defined = U.defined, error = U.error, merge = U.merge;
 var SMA = H.seriesTypes.sma;
 /**

package/es-modules/{mixins/nelder-mead.js → Mixins/NelderMead.js}

@@ -125,8 +125,8 @@ var nelderMead = function nelderMead(fn, initial) {
     }
     return simplex[0];
 };
-var content = {
+var nelderMeadMixin = {
     getCentroid: getCentroid,
     nelderMead: nelderMead
 };
-export default content;
+export default nelderMeadMixin;

package/es-modules/{mixins/nodes.js → Mixins/Nodes.js}

@@ -3,11 +3,12 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-import H from '../parts/Globals.js';
-import Point from '../parts/Point.js';
-import U from '../parts/Utilities.js';
+import H from '../Core/Globals.js';
+import Point from '../Core/Series/Point.js';
+import U from '../Core/Utilities.js';
 var defined = U.defined, extend = U.extend, find = U.find, pick = U.pick;
-H.NodesMixin = {
+import '../Series/LineSeries.js';
+var NodesMixin = H.NodesMixin = {
     /* eslint-disable valid-jsdoc */
     /**
      * Create a single node that holds information on incoming and outgoing
@@ -35,7 +36,7 @@ H.NodesMixin = {
             node.linksTo = [];
             node.linksFrom = [];
             node.formatPrefix = 'node';
-            node.name = node.name || node.options.id; // for use in formats
+            node.name = node.name || node.options.id || ''; // for use in formats
             // Mass is used in networkgraph:
             node.mass = pick(
             // Node:
@@ -176,3 +177,4 @@ H.NodesMixin = {
     }
     /* eslint-enable valid-jsdoc */
 };
+export default NodesMixin;

package/es-modules/{mixins/on-series.js → Mixins/OnSeries.js}

@@ -8,9 +8,10 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
+import H from '../Core/Globals.js';
+import U from '../Core/Utilities.js';
 var defined = U.defined, stableSort = U.stableSort;
+import '../Series/LineSeries.js';
 var seriesTypes = H.seriesTypes;
 /**
  * @private

package/es-modules/{mixins/polygon.js → Mixins/Polygon.js}

@@ -3,7 +3,7 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-import H from '../parts/Globals.js';
+import H from '../Core/Globals.js';
 /**
  * @private
  * @interface Highcharts.PolygonPointObject
@@ -22,7 +22,7 @@ import H from '../parts/Globals.js';
 * @name Highcharts.PolygonObject#axes
 * @type {Array<PolygonPointObject>}
 */
-import U from '../parts/Utilities.js';
+import U from '../Core/Utilities.js';
 var find = U.find, isArray = U.isArray, isNumber = U.isNumber;
 var deg2rad = H.deg2rad;
 /* eslint-disable no-invalid-this, valid-jsdoc */

package/es-modules/{mixins/reduce-array.js → Mixins/ReduceArray.js}

@@ -8,7 +8,7 @@
  *
  * */
 'use strict';
-import '../parts/Utilities.js';
+import '../Core/Utilities.js';
 var reduceArrayMixin = {
     /**
      * Get min value of array filled by OHLC data.

package/es-modules/{mixins/tree-series.js → Mixins/TreeSeries.js}

@@ -3,8 +3,8 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-import Color from '../parts/Color.js';
-import U from '../parts/Utilities.js';
+import Color from '../Core/Color/Color.js';
+import U from '../Core/Utilities.js';
 var extend = U.extend, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, merge = U.merge, pick = U.pick;
 var isBoolean = function (x) {
     return typeof x === 'boolean';

package/es-modules/{parts-more → Series}/AreaRangeSeries.js

@@ -7,14 +7,17 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../parts/Globals.js';
-import Point from '../parts/Point.js';
-import U from '../parts/Utilities.js';
-var defined = U.defined, extend = U.extend, isArray = U.isArray, isNumber = U.isNumber, pick = U.pick, seriesType = U.seriesType;
-import '../parts/Options.js';
-import '../parts/Series.js';
-var noop = H.noop, Series = H.Series, seriesTypes = H.seriesTypes, seriesProto = Series.prototype, pointProto = Point.prototype;
+import BaseSeries from '../Core/Series/Series.js';
+import H from '../Core/Globals.js';
+var noop = H.noop;
+import Point from '../Core/Series/Point.js';
+import U from '../Core/Utilities.js';
+var defined = U.defined, extend = U.extend, isArray = U.isArray, isNumber = U.isNumber, pick = U.pick;
+import './AreaSeries.js';
+import './ColumnSeries.js';
+import '../Core/Options.js';
+import '../Series/LineSeries.js';
+var Series = H.Series, areaProto = BaseSeries.seriesTypes.area.prototype, columnProto = BaseSeries.seriesTypes.column.prototype, pointProto = Point.prototype, seriesProto = Series.prototype;
 /**
  * The area range series is a carteseian series with higher and lower values for
  * each point along an X axis, where the area between the values is shaded.
@@ -30,7 +33,31 @@ var noop = H.noop, Series = H.Series, seriesTypes = H.seriesTypes, seriesProto =
  * @requires     highcharts-more
  * @optionparent plotOptions.arearange
  */
-seriesType('arearange', 'area', {
+BaseSeries.seriesType('arearange', 'area', {
+    /**
+     * @see [fillColor](#plotOptions.arearange.fillColor)
+     * @see [fillOpacity](#plotOptions.arearange.fillOpacity)
+     *
+     * @apioption plotOptions.arearange.color
+     */
+    /**
+     * @default   low
+     * @apioption plotOptions.arearange.colorKey
+     */
+    /**
+     * @see [color](#plotOptions.arearange.color)
+     * @see [fillOpacity](#plotOptions.arearange.fillOpacity)
+     *
+     * @apioption plotOptions.arearange.fillColor
+     */
+    /**
+     * @see [color](#plotOptions.arearange.color)
+     * @see [fillColor](#plotOptions.arearange.fillColor)
+     *
+     * @default   {highcharts} 0.75
+     * @default   {highstock} 0.75
+     * @apioption plotOptions.arearange.fillOpacity
+     */
     /**
      * Whether to apply a drop shadow to the graph line. Since 2.3 the shadow
      * can be an object configuration containing `color`, `offsetX`, `offsetY`,
@@ -40,10 +67,6 @@ seriesType('arearange', 'area', {
      * @product   highcharts
      * @apioption plotOptions.arearange.shadow
      */
-    /**
-     * @default   low
-     * @apioption plotOptions.arearange.colorKey
-     */
     /**
      * Pixel width of the arearange graph line.
      *
@@ -80,8 +103,8 @@ seriesType('arearange', 'area', {
      * @private
      */
     dataLabels: {
-        align: null,
-        verticalAlign: null,
+        align: void 0,
+        verticalAlign: void 0,
         /**
          * X offset of the lower data labels relative to the point value.
          *
@@ -145,7 +168,7 @@ seriesType('arearange', 'area', {
      */
     translate: function () {
         var series = this, yAxis = series.yAxis, hasModifyValue = !!series.modifyValue;
-        seriesTypes.area.prototype.translate.apply(series);
+        areaProto.translate.apply(series);
         // Set plotLow and plotHigh
         series.points.forEach(function (point) {
             var high = point.high, plotY = point.plotY;
@@ -179,24 +202,29 @@ seriesType('arearange', 'area', {
      * @private
      */
     getGraphPath: function (points) {
-        var highPoints = [], highAreaPoints = [], i, getGraphPath = seriesTypes.area.prototype.getGraphPath, point, pointShim, linePath, lowerPath, options = this.options, connectEnds = this.chart.polar && options.connectEnds !== false, connectNulls = options.connectNulls, step = options.step, higherPath, higherAreaPath;
+        var highPoints = [], highAreaPoints = [], i, getGraphPath = areaProto.getGraphPath, point, pointShim, linePath, lowerPath, options = this.options, polar = this.chart.polar, connectEnds = polar && options.connectEnds !== false, connectNulls = options.connectNulls, step = options.step, higherPath, higherAreaPath;
         points = points || this.points;
-        i = points.length;
         // Create the top line and the top part of the area fill. The area fill
         // compensates for null points by drawing down to the lower graph,
         // moving across the null gap and starting again at the lower graph.
         i = points.length;
         while (i--) {
             point = points[i];
+            // Support for polar
+            var highAreaPoint = polar ? {
+                plotX: point.rectPlotX,
+                plotY: point.yBottom,
+                doCurve: false // #5186, gaps in areasplinerange fill
+            } : {
+                plotX: point.plotX,
+                plotY: point.plotY,
+                doCurve: false // #5186, gaps in areasplinerange fill
+            };
             if (!point.isNull &&
                 !connectEnds &&
                 !connectNulls &&
                 (!points[i + 1] || points[i + 1].isNull)) {
-                highAreaPoints.push({
-                    plotX: point.plotX,
-                    plotY: point.plotY,
-                    doCurve: false // #5186, gaps in areasplinerange fill
-                });
+                highAreaPoints.push(highAreaPoint);
             }
             pointShim = {
                 polarPlotY: point.polarPlotY,
@@ -213,11 +241,7 @@ seriesType('arearange', 'area', {
                 !connectEnds &&
                 !connectNulls &&
                 (!points[i - 1] || points[i - 1].isNull)) {
-                highAreaPoints.push({
-                    plotX: point.plotX,
-                    plotY: point.plotY,
-                    doCurve: false // #5186, gaps in areasplinerange fill
-                });
+                highAreaPoints.push(highAreaPoint);
             }
         }
         // Get the paths
@@ -269,14 +293,8 @@ seriesType('arearange', 'area', {
         // since we now have to loop over all the points multiple times to work
         // around the data label logic.
         if (isArray(dataLabelOptions)) {
-            if (dataLabelOptions.length > 1) {
-                upperDataLabelOptions = dataLabelOptions[0];
-                lowerDataLabelOptions = dataLabelOptions[1];
-            }
-            else {
-                upperDataLabelOptions = dataLabelOptions[0];
-                lowerDataLabelOptions = { enabled: false };
-            }
+            upperDataLabelOptions = dataLabelOptions[0] || { enabled: false };
+            lowerDataLabelOptions = dataLabelOptions[1] || { enabled: false };
         }
         else {
             // Make copies
@@ -390,8 +408,7 @@ seriesType('arearange', 'area', {
         this.options.dataLabels = dataLabelOptions;
     },
     alignDataLabel: function () {
-        seriesTypes.column.prototype.alignDataLabel
-            .apply(this, arguments);
+        columnProto.alignDataLabel.apply(this, arguments);
     },
     drawPoints: function () {
         var series = this, pointLength = series.points.length, point, i;
@@ -546,6 +563,12 @@ seriesType('arearange', 'area', {
  * @requires  highcharts-more
  * @apioption series.arearange
  */
+/**
+ * @see [fillColor](#series.arearange.fillColor)
+ * @see [fillOpacity](#series.arearange.fillOpacity)
+ *
+ * @apioption series.arearange.color
+ */
 /**
  * An array of data points for the series. For the `arearange` series type,
  * points can be given in the following ways:
@@ -606,6 +629,20 @@ seriesType('arearange', 'area', {
  * @product   highcharts highstock
  * @apioption series.arearange.data.dataLabels
  */
+/**
+ * @see [color](#series.arearange.color)
+ * @see [fillOpacity](#series.arearange.fillOpacity)
+ *
+ * @apioption series.arearange.fillColor
+ */
+/**
+ * @see [color](#series.arearange.color)
+ * @see [fillColor](#series.arearange.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption series.arearange.fillOpacity
+ */
 /**
  * The high or maximum value for each data point.
  *