highcharts 9.1.1 → 9.2.2

package/es-modules/Core/Series/Series.js

@@ -10,15 +10,16 @@
 'use strict';
 import A from '../Animation/AnimationUtilities.js';
 var animObject = A.animObject, setAnimation = A.setAnimation;
+import D from '../DefaultOptions.js';
+var defaultOptions = D.defaultOptions;
 import F from '../Foundation.js';
 var registerEventOptions = F.registerEventOptions;
 import H from '../Globals.js';
 var hasTouch = H.hasTouch, svg = H.svg, win = H.win;
-import LegendSymbolMixin from '../../Mixins/LegendSymbol.js';
-import D from '../DefaultOptions.js';
-var defaultOptions = D.defaultOptions;
-import palette from '../Color/Palette.js';
+import LegendSymbol from '../Legend/LegendSymbol.js';
+import Palette from '../Color/Palette.js';
 import Point from './Point.js';
+import SeriesDefaults from './SeriesDefaults.js';
 import SeriesRegistry from './SeriesRegistry.js';
 var seriesTypes = SeriesRegistry.seriesTypes;
 import SVGElement from '../Renderer/SVG/SVGElement.js';
@@ -89,7 +90,7 @@ var Series = /** @class */ (function () {
     function Series() {
         /* *
          *
-         *  Static Functions
+         *  Static Properties
          *
          * */
         this._i = void 0;
@@ -247,7 +248,8 @@ var Series = /** @class */ (function () {
      *         The index of the series in the collection.
      */
     Series.prototype.insert = function (collection) {
-        var indexOption = this.options.index, i;
+        var indexOption = this.options.index;
+        var i;
         // Insert by index option
         if (isNumber(indexOption)) {
             i = collection.length;
@@ -278,7 +280,8 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#bindAxes
      */
     Series.prototype.bindAxes = function () {
-        var series = this, seriesOptions = series.options, chart = series.chart, axisOptions;
+        var series = this, seriesOptions = series.options, chart = series.chart;
+        var axisOptions;
         fireEvent(this, 'bindAxes', null, function () {
             // repeat for xAxis and yAxis
             (series.axisTypes || []).forEach(function (AXIS) {
@@ -383,10 +386,14 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#autoIncrement
      * @return {number}
      */
-    Series.prototype.autoIncrement = function () {
-        var options = this.options, xIncrement = this.xIncrement, date, pointInterval, pointIntervalUnit = options.pointIntervalUnit, time = this.chart.time;
+    Series.prototype.autoIncrement = function (x) {
+        var options = this.options, pointIntervalUnit = options.pointIntervalUnit, relativeXValue = options.relativeXValue, time = this.chart.time;
+        var xIncrement = this.xIncrement, date, pointInterval;
         xIncrement = pick(xIncrement, options.pointStart, 0);
         this.pointInterval = pointInterval = pick(this.pointInterval, options.pointInterval, 1);
+        if (relativeXValue && isNumber(x)) {
+            pointInterval *= x;
+        }
         // Added code for pointInterval strings
         if (pointIntervalUnit) {
             date = new time.Date(xIncrement);
@@ -401,6 +408,9 @@ var Series = /** @class */ (function () {
             }
             pointInterval = date.getTime() - xIncrement;
         }
+        if (relativeXValue && isNumber(x)) {
+            return xIncrement + pointInterval;
+        }
         this.xIncrement = xIncrement + pointInterval;
         return xIncrement;
     };
@@ -439,10 +449,11 @@ var Series = /** @class */ (function () {
      * @fires Highcharts.Series#event:afterSetOptions
      */
     Series.prototype.setOptions = function (itemOptions) {
-        var chart = this.chart, chartOptions = chart.options, plotOptions = chartOptions.plotOptions, userOptions = chart.userOptions || {}, seriesUserOptions = merge(itemOptions), options, zones, zone, styledMode = chart.styledMode, e = {
+        var chart = this.chart, chartOptions = chart.options, plotOptions = chartOptions.plotOptions, userOptions = chart.userOptions || {}, seriesUserOptions = merge(itemOptions), styledMode = chart.styledMode, e = {
             plotOptions: plotOptions,
             userOptions: seriesUserOptions
         };
+        var zone;
         fireEvent(this, 'setOptions', e);
         // These may be modified by the event
         var typeOptions = e.plotOptions[this.type], userPlotOptions = (userOptions.plotOptions || {});
@@ -453,7 +464,7 @@ var Series = /** @class */ (function () {
          * @type {Highcharts.SeriesOptionsType}
          */
         this.userOptions = e.userOptions;
-        options = merge(typeOptions, plotOptions.series, 
+        var options = merge(typeOptions, plotOptions.series, 
         // #3881, chart instance plotOptions[type] should trump
         // plotOptions.series
         userOptions.plotOptions &&
@@ -486,7 +497,7 @@ var Series = /** @class */ (function () {
         }
         // Handle color zones
         this.zoneAxis = options.zoneAxis;
-        zones = this.zones = (options.zones || []).slice();
+        var zones = this.zones = (options.zones || []).slice();
         if ((options.negativeColor || options.negativeFillColor) &&
             !options.zones) {
             zone = {
@@ -531,7 +542,8 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#getCyclic
      */
     Series.prototype.getCyclic = function (prop, value, defaults) {
-        var i, chart = this.chart, userOptions = this.userOptions, indexName = prop + 'Index', counterName = prop + 'Counter', len = defaults ? defaults.length : pick(chart.options.chart[prop + 'Count'], chart[prop + 'Count']), setting;
+        var chart = this.chart, userOptions = this.userOptions, indexName = prop + 'Index', counterName = prop + 'Counter', len = defaults ? defaults.length : pick(chart.options.chart[prop + 'Count'], chart[prop + 'Count']);
+        var i, setting;
         if (!value) {
             // Pick up either the colorIndex option, or the _colorIndex
             // after Series.update()
@@ -570,7 +582,7 @@ var Series = /** @class */ (function () {
             this.getCyclic('color');
         }
         else if (this.options.colorByPoint) {
-            this.color = palette.neutralColor20;
+            this.color = Palette.neutralColor20;
         }
         else {
             this.getCyclic('color', this.options.color ||
@@ -615,17 +627,28 @@ var Series = /** @class */ (function () {
      *           match is found.
      */
     Series.prototype.findPointIndex = function (optionsObject, fromIndex) {
-        var id = optionsObject.id, x = optionsObject.x, oldData = this.points, matchingPoint, matchedById, pointIndex, matchKey, dataSorting = this.options.dataSorting;
+        var id = optionsObject.id, x = optionsObject.x, oldData = this.points, dataSorting = this.options.dataSorting;
+        var matchingPoint, matchedById, pointIndex;
         if (id) {
-            matchingPoint = this.chart.get(id);
-        }
-        else if (this.linkedParent || this.enabledDataSorting) {
-            matchKey = (dataSorting && dataSorting.matchByName) ?
-                'name' : 'index';
-            matchingPoint = find(oldData, function (oldPoint) {
-                return !oldPoint.touched && oldPoint[matchKey] ===
-                    optionsObject[matchKey];
-            });
+            var item = this.chart.get(id);
+            if (item instanceof Point) {
+                matchingPoint = item;
+            }
+        }
+        else if (this.linkedParent ||
+            this.enabledDataSorting ||
+            this.options.relativeXValue) {
+            var matcher = function (oldPoint) { return !oldPoint.touched &&
+                oldPoint.index === optionsObject.index; };
+            if (dataSorting && dataSorting.matchByName) {
+                matcher = function (oldPoint) { return !oldPoint.touched &&
+                    oldPoint.name === optionsObject.name; };
+            }
+            else if (this.options.relativeXValue) {
+                matcher = function (oldPoint) { return !oldPoint.touched &&
+                    oldPoint.options.x === optionsObject.x; };
+            }
+            matchingPoint = find(oldData, matcher);
             // Add unmatched point as a new point
             if (!matchingPoint) {
                 return void 0;
@@ -649,6 +672,7 @@ var Series = /** @class */ (function () {
                 pointIndex - this.cropStart : pointIndex;
         }
         if (!matchedById &&
+            isNumber(pointIndex) &&
             oldData[pointIndex] && oldData[pointIndex].touched) {
             pointIndex = void 0;
         }
@@ -665,15 +689,16 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#updateData
      */
     Series.prototype.updateData = function (data, animation) {
-        var options = this.options, dataSorting = options.dataSorting, oldData = this.points, pointsToAdd = [], hasUpdatedByKey, i, point, lastIndex, requireSorting = this.requireSorting, equalLength = data.length === oldData.length, succeeded = true;
+        var options = this.options, dataSorting = options.dataSorting, oldData = this.points, pointsToAdd = [], requireSorting = this.requireSorting, equalLength = data.length === oldData.length;
+        var hasUpdatedByKey, i, point, lastIndex, succeeded = true;
         this.xIncrement = null;
         // Iterate the new data
         data.forEach(function (pointOptions, i) {
-            var id, x, pointIndex, optionsObject = (defined(pointOptions) &&
+            var optionsObject = (defined(pointOptions) &&
                 this.pointClass.prototype.optionsToObject.call({ series: this }, pointOptions)) || {};
+            var pointIndex;
             // Get the x of the new data point
-            x = optionsObject.x;
-            id = optionsObject.id;
+            var x = optionsObject.x, id = optionsObject.id;
             if (id || isNumber(x)) {
                 pointIndex = this.findPointIndex(optionsObject, lastIndex);
                 // Matching X not found
@@ -810,9 +835,10 @@ var Series = /** @class */ (function () {
      *        `false` to prevent.
      */
     Series.prototype.setData = function (data, redraw, animation, updatePoints) {
-        var series = this, oldData = series.points, oldDataLength = (oldData && oldData.length) || 0, dataLength, options = series.options, chart = series.chart, dataSorting = options.dataSorting, firstPoint = null, xAxis = series.xAxis, i, turboThreshold = options.turboThreshold, pt, xData = this.xData, yData = this.yData, pointArrayMap = series.pointArrayMap, valueCount = pointArrayMap && pointArrayMap.length, keys = options.keys, indexOfX = 0, indexOfY = 1, updatedData;
+        var series = this, oldData = series.points, oldDataLength = (oldData && oldData.length) || 0, options = series.options, chart = series.chart, dataSorting = options.dataSorting, xAxis = series.xAxis, turboThreshold = options.turboThreshold, xData = this.xData, yData = this.yData, pointArrayMap = series.pointArrayMap, valueCount = pointArrayMap && pointArrayMap.length, keys = options.keys;
+        var i, pt, updatedData, indexOfX = 0, indexOfY = 1, firstPoint = null;
         data = data || [];
-        dataLength = data.length;
+        var dataLength = data.length;
         redraw = pick(redraw, true);
         if (dataSorting && dataSorting.enabled) {
             data = this.sortData(data);
@@ -936,7 +962,7 @@ var Series = /** @class */ (function () {
      * @return {Array<Highcharts.PointOptionsObject>}
      */
     Series.prototype.sortData = function (data) {
-        var series = this, options = series.options, dataSorting = options.dataSorting, sortKey = dataSorting.sortKey || 'y', sortedData, getPointOptionsObject = function (series, pointOptions) {
+        var series = this, options = series.options, dataSorting = options.dataSorting, sortKey = dataSorting.sortKey || 'y', getPointOptionsObject = function (series, pointOptions) {
             return (defined(pointOptions) &&
                 series.pointClass.prototype.optionsToObject.call({
                     series: series
@@ -947,7 +973,7 @@ var Series = /** @class */ (function () {
             data[i].index = i;
         }, this);
         // Sorting
-        sortedData = data.concat().sort(function (a, b) {
+        var sortedData = data.concat().sort(function (a, b) {
             var aValue = getNestedProperty(sortKey, a);
             var bValue = getNestedProperty(sortKey, b);
             return bValue < aValue ? -1 : bValue > aValue ? 1 : 0;
@@ -989,18 +1015,21 @@ var Series = /** @class */ (function () {
      * @return {Highcharts.SeriesProcessedDataObject}
      */
     Series.prototype.getProcessedData = function (forceExtremesFromAll) {
-        var series = this, 
-        // copied during slice operation:
-        processedXData = series.xData, processedYData = series.yData, dataLength = processedXData.length, croppedData, cropStart = 0, cropped, distance, closestPointRange, xAxis = series.xAxis, i, // loop variable
-        options = series.options, cropThreshold = options.cropThreshold, getExtremesFromAll = forceExtremesFromAll ||
+        var series = this, xAxis = series.xAxis, options = series.options, cropThreshold = options.cropThreshold, getExtremesFromAll = forceExtremesFromAll ||
             series.getExtremesFromAll ||
             options.getExtremesFromAll, // #4599
-        isCartesian = series.isCartesian, xExtremes, val2lin = xAxis && xAxis.val2lin, isLog = !!(xAxis && xAxis.logarithmic), throwOnUnsorted = series.requireSorting, min, max;
+        isCartesian = series.isCartesian, val2lin = xAxis && xAxis.val2lin, isLog = !!(xAxis && xAxis.logarithmic);
+        var croppedData, cropped, cropStart = 0, distance, closestPointRange, i, // loop variable
+        xExtremes, min, max, 
+        // copied during slice operation:
+        processedXData = series.xData, processedYData = series.yData, throwOnUnsorted = series.requireSorting, updatingNames = false;
+        var dataLength = processedXData.length;
         if (xAxis) {
             // corrected for log axis (#3053)
             xExtremes = xAxis.getExtremes();
             min = xExtremes.min;
             max = xExtremes.max;
+            updatingNames = xAxis.categories && !xAxis.names.length;
         }
         // optionally filter out points outside the plot area
         if (isCartesian &&
@@ -1039,9 +1068,11 @@ var Series = /** @class */ (function () {
                 closestPointRange = distance;
                 // Unsorted data is not supported by the line tooltip, as well
                 // as data grouping and navigation in Stock charts (#725) and
-                // width calculation of columns (#1900)
+                // width calculation of columns (#1900).
+                // Avoid warning during the premature processing pass in
+                // updateNames (#16104).
             }
-            else if (distance < 0 && throwOnUnsorted) {
+            else if (distance < 0 && throwOnUnsorted && !updatingNames) {
                 error(15, false, series.chart);
                 throwOnUnsorted = false; // Only once
             }
@@ -1065,7 +1096,7 @@ var Series = /** @class */ (function () {
      * @return {boolean|undefined}
      */
     Series.prototype.processData = function (force) {
-        var series = this, xAxis = series.xAxis, processedData;
+        var series = this, xAxis = series.xAxis;
         // If the series data or axes haven't changed, don't go through
         // this. Return false to pass the message on to override methods
         // like in data grouping.
@@ -1076,7 +1107,7 @@ var Series = /** @class */ (function () {
             !force) {
             return false;
         }
-        processedData = series.getProcessedData();
+        var processedData = series.getProcessedData();
         // Record the properties
         series.cropped = processedData.cropped; // undefined or true
         series.cropStart = processedData.cropStart;
@@ -1099,7 +1130,8 @@ var Series = /** @class */ (function () {
      * @return {Highcharts.SeriesCropDataObject}
      */
     Series.prototype.cropData = function (xData, yData, min, max, cropShoulder) {
-        var dataLength = xData.length, cropStart = 0, cropEnd = dataLength, i, j;
+        var dataLength = xData.length;
+        var i, j, cropStart = 0, cropEnd = dataLength;
         // line-type series need one point outside
         cropShoulder = pick(cropShoulder, this.cropShoulder);
         // iterate up to find slice start
@@ -1131,10 +1163,11 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#generatePoints
      */
     Series.prototype.generatePoints = function () {
-        var series = this, options = series.options, dataOptions = options.data, data = series.data, dataLength, processedXData = series.processedXData, processedYData = series.processedYData, PointClass = series.pointClass, processedDataLength = processedXData.length, cropStart = series.cropStart || 0, cursor, hasGroupedData = series.hasGroupedData, keys = options.keys, point, points = [], i, groupCropStartIndex = (options.dataGrouping &&
+        var series = this, options = series.options, dataOptions = options.data, processedXData = series.processedXData, processedYData = series.processedYData, PointClass = series.pointClass, processedDataLength = processedXData.length, cropStart = series.cropStart || 0, hasGroupedData = series.hasGroupedData, keys = options.keys, points = [], groupCropStartIndex = (options.dataGrouping &&
             options.dataGrouping.groupAll ?
             cropStart :
             0);
+        var dataLength, cursor, point, i, data = series.data;
         if (!data && !hasGroupedData) {
             var arr = [];
             arr.length = dataOptions.length;
@@ -1173,6 +1206,9 @@ var Series = /** @class */ (function () {
                  *
                  * @name Highcharts.Point#dataGroup
                  * @type {Highcharts.DataGroupingInfoObject|undefined}
+                 *
+                 * @sample stock/members/point-datagroup
+                 *         Click to inspect raw data points
                  */
                 point.dataGroup = series.groupMap[groupCropStartIndex + i];
                 if (point.dataGroup.options) {
@@ -1280,14 +1316,14 @@ var Series = /** @class */ (function () {
      * @return {Highcharts.DataExtremesObject}
      */
     Series.prototype.getExtremes = function (yData, forceExtremesFromAll) {
-        var xAxis = this.xAxis, yAxis = this.yAxis, xData = this.processedXData || this.xData, yDataLength, activeYData = [], activeCounter = 0, 
-        // #2117, need to compensate for log X axis
-        xExtremes, xMin = 0, xMax = 0, validValue, withinRange, 
+        var xAxis = this.xAxis, yAxis = this.yAxis, xData = this.processedXData || this.xData, activeYData = [], 
         // Handle X outside the viewed area. This does not work with
         // non-sorted data like scatter (#7639).
-        shoulder = this.requireSorting ? this.cropShoulder : 0, positiveValuesOnly = yAxis ? yAxis.positiveValuesOnly : false, x, y, i, j;
+        shoulder = this.requireSorting ? this.cropShoulder : 0, positiveValuesOnly = yAxis ? yAxis.positiveValuesOnly : false;
+        // #2117, need to compensate for log X axis
+        var xExtremes, validValue, withinRange, x, y, i, j, xMin = 0, xMax = 0, activeCounter = 0;
         yData = yData || this.stackedYData || this.processedYData || [];
-        yDataLength = yData.length;
+        var yDataLength = yData.length;
         if (xAxis) {
             xExtremes = xAxis.getExtremes();
             xMin = xExtremes.min;
@@ -1370,7 +1406,8 @@ var Series = /** @class */ (function () {
      * @return {Highcharts.PointOptionsType}
      */
     Series.prototype.getFirstValidPoint = function (data) {
-        var firstPoint = null, dataLength = data.length, i = 0;
+        var dataLength = data.length;
+        var i = 0, firstPoint = null;
         while (firstPoint === null && i < dataLength) {
             firstPoint = data[i];
             i++;
@@ -1392,8 +1429,9 @@ var Series = /** @class */ (function () {
             this.processData();
         }
         this.generatePoints();
-        var series = this, options = series.options, stacking = options.stacking, xAxis = series.xAxis, categories = xAxis.categories, enabledDataSorting = series.enabledDataSorting, yAxis = series.yAxis, points = series.points, dataLength = points.length, hasModifyValue = !!series.modifyValue, i, pointPlacement = series.pointPlacementToXValue(), // #7860
-        dynamicallyPlaced = Boolean(pointPlacement), threshold = options.threshold, stackThreshold = options.startFromThreshold ? threshold : 0, plotX, lastPlotX, stackIndicator, zoneAxis = this.zoneAxis || 'y', closestPointRangePx = Number.MAX_VALUE;
+        var series = this, options = series.options, stacking = options.stacking, xAxis = series.xAxis, categories = xAxis.categories, enabledDataSorting = series.enabledDataSorting, yAxis = series.yAxis, points = series.points, dataLength = points.length, hasModifyValue = !!series.modifyValue, pointPlacement = series.pointPlacementToXValue(), // #7860
+        dynamicallyPlaced = Boolean(pointPlacement), threshold = options.threshold, stackThreshold = options.startFromThreshold ? threshold : 0, zoneAxis = this.zoneAxis || 'y';
+        var i, plotX, lastPlotX, stackIndicator, closestPointRangePx = Number.MAX_VALUE;
         /**
          * Plotted coordinates need to be within a limited range. Drawing
          * too far outside the viewport causes various rendering issues
@@ -1405,11 +1443,13 @@ var Series = /** @class */ (function () {
         }
         // Translate each point
         for (i = 0; i < dataLength; i++) {
-            var point = points[i], xValue = point.x, yValue = point.y, yBottom = point.low, stack = stacking && yAxis.stacking && yAxis.stacking.stacks[(series.negStacks &&
+            var point = points[i], xValue = point.x;
+            var pointStack = void 0, stackValues = void 0, yValue = point.y, yBottom = point.low;
+            var stack = stacking && yAxis.stacking && yAxis.stacking.stacks[(series.negStacks &&
                 yValue <
                     (stackThreshold ? 0 : threshold) ?
                 '-' :
-                '') + series.stackKey], pointStack = void 0, stackValues = void 0;
+                '') + series.stackKey];
             if (yAxis.positiveValuesOnly && !yAxis.validatePositiveValue(yValue) ||
                 xAxis.positiveValuesOnly && !xAxis.validatePositiveValue(xValue)) {
                 point.isNull = true;
@@ -1552,7 +1592,8 @@ var Series = /** @class */ (function () {
      * @return {Highcharts.Dictionary<number>}
      */
     Series.prototype.getClipBox = function (animation, finalBox) {
-        var series = this, options = series.options, chart = series.chart, inverted = chart.inverted, xAxis = series.xAxis, yAxis = xAxis && series.yAxis, clipBox, scrollablePlotAreaOptions = chart.options.chart.scrollablePlotArea || {};
+        var series = this, options = series.options, chart = series.chart, inverted = chart.inverted, xAxis = series.xAxis, yAxis = xAxis && series.yAxis, scrollablePlotAreaOptions = chart.options.chart.scrollablePlotArea || {};
+        var clipBox;
         if (animation && options.clip === false && yAxis) {
             // support for not clipped series animation (#10450)
             clipBox = inverted ? {
@@ -1614,8 +1655,8 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#setClip
      */
     Series.prototype.setClip = function (animation) {
-        var chart = this.chart, options = this.options, renderer = chart.renderer, inverted = chart.inverted, seriesClipBox = this.clipBox, clipBox = this.getClipBox(animation), sharedClipKey = this.getSharedClipKey(animation), // #4526
-        clipRect = chart.sharedClips[sharedClipKey], markerClipRect = chart.sharedClips[sharedClipKey + 'm'];
+        var chart = this.chart, options = this.options, renderer = chart.renderer, inverted = chart.inverted, seriesClipBox = this.clipBox, clipBox = this.getClipBox(animation), sharedClipKey = this.getSharedClipKey(animation); // #4526
+        var clipRect = chart.sharedClips[sharedClipKey], markerClipRect = chart.sharedClips[sharedClipKey + 'm'];
         if (animation) {
             clipBox.width = 0;
             if (inverted) {
@@ -1725,11 +1766,12 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#drawPoints
      */
     Series.prototype.drawPoints = function () {
-        var series = this, points = series.points, chart = series.chart, i, point, graphic, verb, options = series.options, seriesMarkerOptions = options.marker, pointMarkerOptions, hasPointMarker, markerGroup = (series[series.specialGroup] ||
-            series.markerGroup), xAxis = series.xAxis, markerAttribs, globallyEnabled = pick(seriesMarkerOptions.enabled, !xAxis || xAxis.isRadial ? true : null, 
+        var series = this, points = series.points, chart = series.chart, options = series.options, seriesMarkerOptions = options.marker, markerGroup = (series[series.specialGroup] ||
+            series.markerGroup), xAxis = series.xAxis, globallyEnabled = pick(seriesMarkerOptions.enabled, !xAxis || xAxis.isRadial ? true : null, 
         // Use larger or equal as radius is null in bubbles (#6321)
         series.closestPointRangePx >= (seriesMarkerOptions.enabledThreshold *
             seriesMarkerOptions.radius));
+        var i, point, graphic, verb, pointMarkerOptions, hasPointMarker, markerAttribs;
         if (seriesMarkerOptions.enabled !== false ||
             series._hasPointMarkers) {
             for (i = 0; i < points.length; i++) {
@@ -1826,8 +1868,9 @@ var Series = /** @class */ (function () {
      * A hash containing those attributes that are not settable from CSS.
      */
     Series.prototype.markerAttribs = function (point, state) {
-        var seriesOptions = this.options, seriesMarkerOptions = seriesOptions.marker, seriesStateOptions, pointMarkerOptions = point.marker || {}, symbol = (pointMarkerOptions.symbol ||
-            seriesMarkerOptions.symbol), pointStateOptions, radius = pick(pointMarkerOptions.radius, seriesMarkerOptions.radius), attribs;
+        var seriesOptions = this.options, seriesMarkerOptions = seriesOptions.marker, pointMarkerOptions = point.marker || {}, symbol = (pointMarkerOptions.symbol ||
+            seriesMarkerOptions.symbol);
+        var seriesStateOptions, pointStateOptions, radius = pick(pointMarkerOptions.radius, seriesMarkerOptions.radius);
         // Handle hover and select states
         if (state) {
             seriesStateOptions = seriesMarkerOptions.states[state];
@@ -1840,7 +1883,7 @@ var Series = /** @class */ (function () {
         if (point.hasImage) {
             radius = 0; // and subsequently width and height is not set
         }
-        attribs = {
+        var attribs = {
             // Math.floor for #1843:
             x: seriesOptions.crisp ?
                 Math.floor(point.plotX - radius) :
@@ -1872,7 +1915,8 @@ var Series = /** @class */ (function () {
      * The presentational attributes to be set on the point.
      */
     Series.prototype.pointAttribs = function (point, state) {
-        var seriesMarkerOptions = this.options.marker, seriesStateOptions, pointOptions = point && point.options, pointMarkerOptions = ((pointOptions && pointOptions.marker) || {}), pointStateOptions, color = this.color, pointColorOption = pointOptions && pointOptions.color, pointColor = point && point.color, strokeWidth = pick(pointMarkerOptions.lineWidth, seriesMarkerOptions.lineWidth), zoneColor = point && point.zone && point.zone.color, fill, stroke, opacity = 1;
+        var seriesMarkerOptions = this.options.marker, pointOptions = point && point.options, pointMarkerOptions = ((pointOptions && pointOptions.marker) || {}), pointColorOption = pointOptions && pointOptions.color, pointColor = point && point.color, zoneColor = point && point.zone && point.zone.color;
+        var seriesStateOptions, pointStateOptions, color = this.color, fill, stroke, strokeWidth = pick(pointMarkerOptions.lineWidth, seriesMarkerOptions.lineWidth), opacity = 1;
         color = (pointColorOption ||
             zoneColor ||
             pointColor ||
@@ -1914,7 +1958,8 @@ var Series = /** @class */ (function () {
      * @fires Highcharts.Series#event:destroy
      */
     Series.prototype.destroy = function (keepEventsForUpdate) {
-        var series = this, chart = series.chart, issue134 = /AppleWebKit\/533/.test(win.navigator.userAgent), destroy, i, data = series.data || [], point, axis;
+        var series = this, chart = series.chart, issue134 = /AppleWebKit\/533/.test(win.navigator.userAgent), data = series.data || [];
+        var destroy, i, point, axis;
         // add event hook
         fireEvent(series, 'destroy');
         // remove events
@@ -1976,7 +2021,8 @@ var Series = /** @class */ (function () {
      * @function Highcharts.Series#applyZones
      */
     Series.prototype.applyZones = function () {
-        var series = this, chart = this.chart, renderer = chart.renderer, zones = this.zones, translatedFrom, translatedTo, clips = (this.clips || []), clipAttr, graph = this.graph, area = this.area, chartSizeMax = Math.max(chart.chartWidth, chart.chartHeight), axis = this[(this.zoneAxis || 'y') + 'Axis'], extremes, reversed, inverted = chart.inverted, horiz, pxRange, pxPosMin, pxPosMax, ignoreZones = false, zoneArea, zoneGraph;
+        var series = this, chart = this.chart, renderer = chart.renderer, zones = this.zones, clips = (this.clips || []), graph = this.graph, area = this.area, chartSizeMax = Math.max(chart.chartWidth, chart.chartHeight), axis = this[(this.zoneAxis || 'y') + 'Axis'], inverted = chart.inverted;
+        var translatedFrom, translatedTo, clipAttr, extremes, reversed, horiz, pxRange, pxPosMin, pxPosMax, zoneArea, zoneGraph, ignoreZones = false;
         if (zones.length &&
             (graph || area) &&
             axis &&
@@ -2179,7 +2225,8 @@ var Series = /** @class */ (function () {
      * @return {Highcharts.SeriesPlotBoxObject}
      */
     Series.prototype.getPlotBox = function () {
-        var chart = this.chart, xAxis = this.xAxis, yAxis = this.yAxis;
+        var chart = this.chart;
+        var xAxis = this.xAxis, yAxis = this.yAxis;
         // Swap axes for inverted (#2339)
         if (chart.inverted) {
             xAxis = yAxis;
@@ -2222,17 +2269,17 @@ var Series = /** @class */ (function () {
      * @fires Highcharts.Series#event:afterRender
      */
     Series.prototype.render = function () {
-        var series = this, chart = series.chart, group, options = series.options, animOptions = animObject(options.animation), 
+        var series = this, chart = series.chart, options = series.options, animOptions = animObject(options.animation), visibility = series.visible ?
+            'inherit' : 'hidden', // #2597
+        zIndex = options.zIndex, hasRendered = series.hasRendered, chartSeriesGroup = chart.seriesGroup, inverted = chart.inverted;
         // Animation doesn't work in IE8 quirks when the group div is
         // hidden, and looks bad in other oldIE
-        animDuration = (!series.finishedAnimating &&
+        var animDuration = (!series.finishedAnimating &&
             chart.renderer.isSVG &&
-            animOptions.duration), visibility = series.visible ?
-            'inherit' : 'hidden', // #2597
-        zIndex = options.zIndex, hasRendered = series.hasRendered, chartSeriesGroup = chart.seriesGroup, inverted = chart.inverted;
+            animOptions.duration);
         fireEvent(this, 'render');
         // the group
-        group = series.plotGroup('group', 'series', visibility, zIndex, chartSeriesGroup);
+        var group = series.plotGroup('group', 'series', visibility, zIndex, chartSeriesGroup);
         series.markerGroup = series.plotGroup('markerGroup', 'markers', visibility, zIndex, chartSeriesGroup);
         // initiate the animation
         if (animDuration && series.animate) {
@@ -2333,8 +2380,23 @@ var Series = /** @class */ (function () {
         }
     };
     /**
-     * @private
+     * Find the nearest point from a pointer event. This applies to series that
+     * use k-d-trees to get the nearest point. Native pointer events must be
+     * normalized using `Pointer.normalize`, that adds `chartX` and `chartY`
+     * properties.
+     *
+     * @sample highcharts/demo/synchronized-charts
+     *         Synchronized charts with tooltips
+     *
      * @function Highcharts.Series#searchPoint
+     *
+     * @param {Highcharts.PointerEvent} e
+     *        The normalized pointer event
+     * @param {boolean} [compareX=false]
+     *        Search only by the X value, not Y
+     *
+     * @return {Point|undefined}
+     *        The closest point to the pointer event
      */
     Series.prototype.searchPoint = function (e, compareX) {
         var series = this, xAxis = series.xAxis, yAxis = series.yAxis, inverted = series.chart.inverted;
@@ -2367,7 +2429,8 @@ var Series = /** @class */ (function () {
          * @private
          */
         function _kdtree(points, depth, dimensions) {
-            var axis, median, length = points && points.length;
+            var length = points && points.length;
+            var axis, median;
             if (length) {
                 // alternate between the axis
                 axis = series.kdAxisArray[depth % dimensions];
@@ -2428,12 +2491,11 @@ var Series = /** @class */ (function () {
          * @private
          */
         function _search(search, tree, depth, dimensions) {
-            var point = tree.point, axis = series.kdAxisArray[depth % dimensions], tdist, sideA, sideB, ret = point, nPoint1, nPoint2;
+            var point = tree.point, axis = series.kdAxisArray[depth % dimensions];
+            var nPoint1, nPoint2, ret = point;
             setDistance(search, point);
             // Pick side based on distance to splitting point
-            tdist = search[axis] - point[axis];
-            sideA = tdist < 0 ? 'left' : 'right';
-            sideB = tdist < 0 ? 'right' : 'left';
+            var tdist = search[axis] - point[axis], sideA = tdist < 0 ? 'left' : 'right', sideB = tdist < 0 ? 'right' : 'left';
             // End of tree
             if (tree[sideA]) {
                 nPoint1 = _search(search, tree[sideA], depth + 1, dimensions);
@@ -2502,7 +2564,7 @@ var Series = /** @class */ (function () {
             series.areaPath :
             series.graphPath), 
         // trackerPathLength = trackerPath.length,
-        chart = series.chart, pointer = chart.pointer, renderer = chart.renderer, snap = chart.options.tooltip.snap, tracker = series.tracker, i, onMouseOver = function (e) {
+        chart = series.chart, pointer = chart.pointer, renderer = chart.renderer, snap = chart.options.tooltip.snap, tracker = series.tracker, onMouseOver = function (e) {
             if (chart.hoverSeries !== series) {
                 series.onMouseOver();
             }
@@ -2521,6 +2583,7 @@ var Series = /** @class */ (function () {
          * Opera: 0.00000000001 (unlimited)
          */
         TRACKER_FILL = 'rgba(192,192,192,' + (svg ? 0.0001 : 0.002) + ')';
+        var i;
         // Draw the tracker
         if (tracker) {
             tracker.attr({ d: trackerPath });
@@ -2620,15 +2683,16 @@ var Series = /** @class */ (function () {
      * @fires Highcharts.Series#event:addPoint
      */
     Series.prototype.addPoint = function (options, redraw, shift, animation, withEvent) {
-        var series = this, seriesOptions = series.options, data = series.data, chart = series.chart, xAxis = series.xAxis, names = xAxis && xAxis.hasNames && xAxis.names, dataOptions = seriesOptions.data, point, xData = series.xData, isInTheMiddle, i, x;
+        var series = this, seriesOptions = series.options, data = series.data, chart = series.chart, xAxis = series.xAxis, names = xAxis && xAxis.hasNames && xAxis.names, dataOptions = seriesOptions.data, xData = series.xData;
+        var isInTheMiddle, i;
         // Optional redraw, defaults to true
         redraw = pick(redraw, true);
         // Get options and push the point to xData, yData and series.options. In
         // series.generatePoints the Point instance will be created on demand
         // and pushed to the series.data array.
-        point = { series: series };
+        var point = { series: series };
         series.pointClass.prototype.applyOptions.apply(point, [options]);
-        x = point.x;
+        var x = point.x;
         // Get the insertion point
         i = xData.length;
         if (series.requireSorting && x < xData[i - 1]) {
@@ -2807,9 +2871,25 @@ var Series = /** @class */ (function () {
         var series = this, chart = series.chart, 
         // must use user options when changing type because series.options
         // is merged in with type specific plotOptions
-        oldOptions = series.userOptions, seriesOptions, initialType = series.initialType || series.type, plotOptions = chart.options.plotOptions, newType = (options.type ||
+        oldOptions = series.userOptions, initialType = series.initialType || series.type, plotOptions = chart.options.plotOptions, initialSeriesProto = seriesTypes[initialType].prototype, groups = [
+            'group',
+            'markerGroup',
+            'dataLabelsGroup',
+            'transformGroup'
+        ], 
+        // Animation must be enabled when calling update before the initial
+        // animation has first run. This happens when calling update
+        // directly after chart initialization, or when applying responsive
+        // rules (#6912).
+        animation = series.finishedAnimating && { animation: false }, kinds = {};
+        var seriesOptions, n, preserve = [
+            'eventOptions',
+            'navigatorSeries',
+            'baseSeries'
+        ], newType = (options.type ||
             oldOptions.type ||
-            chart.options.chart.type), keepPoints = !(
+            chart.options.chart.type);
+        var keepPoints = !(
         // Indicators, histograms etc recalculate the data. It should be
         // possible to omit this.
         this.hasDerivedData ||
@@ -2818,26 +2898,13 @@ var Series = /** @class */ (function () {
             // New options affecting how the data points are built
             typeof options.pointStart !== 'undefined' ||
             typeof options.pointInterval !== 'undefined' ||
+            typeof options.relativeXValue !== 'undefined' ||
             // Changes to data grouping requires new points in new group
             series.hasOptionChanged('dataGrouping') ||
             series.hasOptionChanged('pointStart') ||
             series.hasOptionChanged('pointInterval') ||
             series.hasOptionChanged('pointIntervalUnit') ||
-            series.hasOptionChanged('keys')), initialSeriesProto = seriesTypes[initialType].prototype, n, groups = [
-            'group',
-            'markerGroup',
-            'dataLabelsGroup',
-            'transformGroup'
-        ], preserve = [
-            'eventOptions',
-            'navigatorSeries',
-            'baseSeries'
-        ], 
-        // Animation must be enabled when calling update before the initial
-        // animation has first run. This happens when calling update
-        // directly after chart initialization, or when applying responsive
-        // rules (#6912).
-        animation = series.finishedAnimating && { animation: false }, kinds = {};
+            series.hasOptionChanged('keys'));
         newType = newType || initialType;
         if (keepPoints) {
             preserve.push('data', 'isDirtyData', 'points', 'processedXData', 'processedYData', 'xIncrement', 'cropped', '_hasPointMarkers', '_hasPointLabels', 'clips', // #15420
@@ -2939,7 +3006,8 @@ var Series = /** @class */ (function () {
             else if (!series._hasPointLabels) {
                 var marker = seriesOptions.marker, dataLabels = seriesOptions.dataLabels;
                 if (marker && (marker.enabled === false ||
-                    'symbol' in marker // #10870
+                    (oldOptions.marker && oldOptions.marker.symbol) !==
+                        marker.symbol // #10870, #15946
                 )) {
                     kinds.graphic = 1;
                 }
@@ -3069,11 +3137,12 @@ var Series = /** @class */ (function () {
      *        Determines if state should be inherited by points too.
      */
     Series.prototype.setState = function (state, inherit) {
-        var series = this, options = series.options, graph = series.graph, inactiveOtherPoints = options.inactiveOtherPoints, stateOptions = options.states, lineWidth = options.lineWidth, opacity = options.opacity, 
+        var series = this, options = series.options, graph = series.graph, inactiveOtherPoints = options.inactiveOtherPoints, stateOptions = options.states, 
         // By default a quick animation to hover/inactive,
         // slower to un-hover
         stateAnimation = pick((stateOptions[state || 'normal'] &&
-            stateOptions[state || 'normal'].animation), series.chart.options.chart.animation), attribs, i = 0;
+            stateOptions[state || 'normal'].animation), series.chart.options.chart.animation);
+        var attribs, lineWidth = options.lineWidth, i = 0, opacity = options.opacity;
         state = state || '';
         if (series.state !== state) {
             // Toggle class names
@@ -3174,14 +3243,14 @@ var Series = /** @class */ (function () {
      * @fires Highcharts.Series#event:show
      */
     Series.prototype.setVisible = function (vis, redraw) {
-        var series = this, chart = series.chart, legendItem = series.legendItem, showOrHide, ignoreHiddenSeries = chart.options.chart.ignoreHiddenSeries, oldVisibility = series.visible;
+        var series = this, chart = series.chart, legendItem = series.legendItem, ignoreHiddenSeries = chart.options.chart.ignoreHiddenSeries, oldVisibility = series.visible;
         // if called without an argument, toggle visibility
         series.visible =
             vis =
                 series.options.visible =
                     series.userOptions.visible =
                         typeof vis === 'undefined' ? !oldVisibility : vis; // #5618
-        showOrHide = vis ? 'show' : 'hide';
+        var showOrHide = vis ? 'show' : 'hide';
         // show or hide elements
         [
             'group',
@@ -3296,2241 +3365,7 @@ var Series = /** @class */ (function () {
         options.visiblePlotOnly = true;
         return this.chart.isInsidePlot(plotX, plotY, options);
     };
-    /**
-     * General options for all series types.
-     *
-     * @optionparent plotOptions.series
-     */
-    Series.defaultOptions = {
-        // base series options
-        /**
-         * The SVG value used for the `stroke-linecap` and `stroke-linejoin`
-         * of a line graph. Round means that lines are rounded in the ends and
-         * bends.
-         *
-         * @type       {Highcharts.SeriesLinecapValue}
-         * @default    round
-         * @since      3.0.7
-         * @apioption  plotOptions.line.linecap
-         */
-        /**
-         * Pixel width of the graph line.
-         *
-         * @see In styled mode, the line stroke-width can be set with the
-         *      `.highcharts-graph` class name.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-linewidth-general/
-         *         On all series
-         * @sample {highcharts} highcharts/plotoptions/series-linewidth-specific/
-         *         On one single series
-         *
-         * @product highcharts highstock
-         *
-         * @private
-         */
-        lineWidth: 2,
-        /**
-         * For some series, there is a limit that shuts down initial animation
-         * by default when the total number of points in the chart is too high.
-         * For example, for a column chart and its derivatives, animation does
-         * not run if there is more than 250 points totally. To disable this
-         * cap, set `animationLimit` to `Infinity`.
-         *
-         * @type      {number}
-         * @apioption plotOptions.series.animationLimit
-         */
-        /**
-         * Allow this series' points to be selected by clicking on the graphic
-         * (columns, point markers, pie slices, map areas etc).
-         *
-         * The selected points can be handled by point select and unselect
-         * events, or collectively by the [getSelectedPoints
-         * ](/class-reference/Highcharts.Chart#getSelectedPoints) function.
-         *
-         * And alternative way of selecting points is through dragging.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-allowpointselect-line/
-         *         Line
-         * @sample {highcharts} highcharts/plotoptions/series-allowpointselect-column/
-         *         Column
-         * @sample {highcharts} highcharts/plotoptions/series-allowpointselect-pie/
-         *         Pie
-         * @sample {highcharts} highcharts/chart/events-selection-points/
-         *         Select a range of points through a drag selection
-         * @sample {highmaps} maps/plotoptions/series-allowpointselect/
-         *         Map area
-         * @sample {highmaps} maps/plotoptions/mapbubble-allowpointselect/
-         *         Map bubble
-         *
-         * @since 1.2.0
-         *
-         * @private
-         */
-        allowPointSelect: false,
-        /**
-         * When true, each point or column edge is rounded to its nearest pixel
-         * in order to render sharp on screen. In some cases, when there are a
-         * lot of densely packed columns, this leads to visible difference
-         * in column widths or distance between columns. In these cases,
-         * setting `crisp` to `false` may look better, even though each column
-         * is rendered blurry.
-         *
-         * @sample {highcharts} highcharts/plotoptions/column-crisp-false/
-         *         Crisp is false
-         *
-         * @since   5.0.10
-         * @product highcharts highstock gantt
-         *
-         * @private
-         */
-        crisp: true,
-        /**
-         * If true, a checkbox is displayed next to the legend item to allow
-         * selecting the series. The state of the checkbox is determined by
-         * the `selected` option.
-         *
-         * @productdesc {highmaps}
-         * Note that if a `colorAxis` is defined, the color axis is represented
-         * in the legend, not the series.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-showcheckbox-true/
-         *         Show select box
-         *
-         * @since 1.2.0
-         *
-         * @private
-         */
-        showCheckbox: false,
-        /**
-         * Enable or disable the initial animation when a series is displayed.
-         * The animation can also be set as a configuration object. Please
-         * note that this option only applies to the initial animation of the
-         * series itself. For other animations, see [chart.animation](
-         * #chart.animation) and the animation parameter under the API methods.
-         * The following properties are supported:
-         *
-         * - `defer`: The animation delay time in milliseconds.
-         *
-         * - `duration`: The duration of the animation in milliseconds.
-         *
-         * - `easing`: Can be a string reference to an easing function set on
-         *   the `Math` object or a function. See the _Custom easing function_
-         *   demo below.
-         *
-         * Due to poor performance, animation is disabled in old IE browsers
-         * for several chart types.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-animation-disabled/
-         *         Animation disabled
-         * @sample {highcharts} highcharts/plotoptions/series-animation-slower/
-         *         Slower animation
-         * @sample {highcharts} highcharts/plotoptions/series-animation-easing/
-         *         Custom easing function
-         * @sample {highstock} stock/plotoptions/animation-slower/
-         *         Slower animation
-         * @sample {highstock} stock/plotoptions/animation-easing/
-         *         Custom easing function
-         * @sample {highmaps} maps/plotoptions/series-animation-true/
-         *         Animation enabled on map series
-         * @sample {highmaps} maps/plotoptions/mapbubble-animation-false/
-         *         Disabled on mapbubble series
-         *
-         * @type    {boolean|Partial<Highcharts.AnimationOptionsObject>}
-         * @default {highcharts} true
-         * @default {highstock} true
-         * @default {highmaps} false
-         *
-         * @private
-         */
-        animation: {
-            /** @internal */
-            duration: 1000
-        },
-        /**
-         * @default   0
-         * @type      {number}
-         * @since     8.2.0
-         * @apioption plotOptions.series.animation.defer
-         */
-        /**
-         * An additional class name to apply to the series' graphical elements.
-         * This option does not replace default class names of the graphical
-         * element.
-         *
-         * @type      {string}
-         * @since     5.0.0
-         * @apioption plotOptions.series.className
-         */
-        /**
-         * Disable this option to allow series rendering in the whole plotting
-         * area.
-         *
-         * **Note:** Clipping should be always enabled when
-         * [chart.zoomType](#chart.zoomType) is set
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-clip/
-         *         Disabled clipping
-         *
-         * @default   true
-         * @type      {boolean}
-         * @since     3.0.0
-         * @apioption plotOptions.series.clip
-         */
-        /**
-         * The main color of the series. In line type series it applies to the
-         * line and the point markers unless otherwise specified. In bar type
-         * series it applies to the bars unless a color is specified per point.
-         * The default value is pulled from the `options.colors` array.
-         *
-         * In styled mode, the color can be defined by the
-         * [colorIndex](#plotOptions.series.colorIndex) option. Also, the series
-         * color can be set with the `.highcharts-series`,
-         * `.highcharts-color-{n}`, `.highcharts-{type}-series` or
-         * `.highcharts-series-{n}` class, or individual classes given by the
-         * `className` option.
-         *
-         * @productdesc {highmaps}
-         * In maps, the series color is rarely used, as most choropleth maps use
-         * the color to denote the value of each point. The series color can
-         * however be used in a map with multiple series holding categorized
-         * data.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-color-general/
-         *         General plot option
-         * @sample {highcharts} highcharts/plotoptions/series-color-specific/
-         *         One specific series
-         * @sample {highcharts} highcharts/plotoptions/series-color-area/
-         *         Area color
-         * @sample {highcharts} highcharts/series/infographic/
-         *         Pattern fill
-         * @sample {highmaps} maps/demo/category-map/
-         *         Category map by multiple series
-         *
-         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @apioption plotOptions.series.color
-         */
-        /**
-         * Styled mode only. A specific color index to use for the series, so
-         * its graphic representations are given the class name
-         * `highcharts-color-{n}`.
-         *
-         * @type      {number}
-         * @since     5.0.0
-         * @apioption plotOptions.series.colorIndex
-         */
-        /**
-         * Whether to connect a graph line across null points, or render a gap
-         * between the two points on either side of the null.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-connectnulls-false/
-         *         False by default
-         * @sample {highcharts} highcharts/plotoptions/series-connectnulls-true/
-         *         True
-         *
-         * @type      {boolean}
-         * @default   false
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.connectNulls
-         */
-        /**
-         * You can set the cursor to "pointer" if you have click events attached
-         * to the series, to signal to the user that the points and lines can
-         * be clicked.
-         *
-         * In styled mode, the series cursor can be set with the same classes
-         * as listed under [series.color](#plotOptions.series.color).
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-cursor-line/
-         *         On line graph
-         * @sample {highcharts} highcharts/plotoptions/series-cursor-column/
-         *         On columns
-         * @sample {highcharts} highcharts/plotoptions/series-cursor-scatter/
-         *         On scatter markers
-         * @sample {highstock} stock/plotoptions/cursor/
-         *         Pointer on a line graph
-         * @sample {highmaps} maps/plotoptions/series-allowpointselect/
-         *         Map area
-         * @sample {highmaps} maps/plotoptions/mapbubble-allowpointselect/
-         *         Map bubble
-         *
-         * @type      {string|Highcharts.CursorValue}
-         * @apioption plotOptions.series.cursor
-         */
-        /**
-         * A reserved subspace to store options and values for customized
-         * functionality. Here you can add additional data for your own event
-         * callbacks and formatter callbacks.
-         *
-         * @sample {highcharts} highcharts/point/custom/
-         *         Point and series with custom data
-         *
-         * @type      {Highcharts.Dictionary<*>}
-         * @apioption plotOptions.series.custom
-         */
-        /**
-         * Name of the dash style to use for the graph, or for some series types
-         * the outline of each shape.
-         *
-         * In styled mode, the
-         * [stroke dash-array](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/series-dashstyle/)
-         * can be set with the same classes as listed under
-         * [series.color](#plotOptions.series.color).
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-dashstyle-all/
-         *         Possible values demonstrated
-         * @sample {highcharts} highcharts/plotoptions/series-dashstyle/
-         *         Chart suitable for printing in black and white
-         * @sample {highstock} highcharts/plotoptions/series-dashstyle-all/
-         *         Possible values demonstrated
-         * @sample {highmaps} highcharts/plotoptions/series-dashstyle-all/
-         *         Possible values demonstrated
-         * @sample {highmaps} maps/plotoptions/series-dashstyle/
-         *         Dotted borders on a map
-         *
-         * @type      {Highcharts.DashStyleValue}
-         * @default   Solid
-         * @since     2.1
-         * @apioption plotOptions.series.dashStyle
-         */
-        /**
-         * A description of the series to add to the screen reader information
-         * about the series.
-         *
-         * @type      {string}
-         * @since     5.0.0
-         * @requires  modules/accessibility
-         * @apioption plotOptions.series.description
-         */
-        /**
-         * Options for the series data sorting.
-         *
-         * @type      {Highcharts.DataSortingOptionsObject}
-         * @since     8.0.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.dataSorting
-         */
-        /**
-         * Enable or disable data sorting for the series. Use [xAxis.reversed](
-         * #xAxis.reversed) to change the sorting order.
-         *
-         * @sample {highcharts} highcharts/datasorting/animation/
-         *         Data sorting in scatter-3d
-         * @sample {highcharts} highcharts/datasorting/labels-animation/
-         *         Axis labels animation
-         * @sample {highcharts} highcharts/datasorting/dependent-sorting/
-         *         Dependent series sorting
-         * @sample {highcharts} highcharts/datasorting/independent-sorting/
-         *         Independent series sorting
-         *
-         * @type      {boolean}
-         * @since     8.0.0
-         * @apioption plotOptions.series.dataSorting.enabled
-         */
-        /**
-         * Whether to allow matching points by name in an update. If this option
-         * is disabled, points will be matched by order.
-         *
-         * @sample {highcharts} highcharts/datasorting/match-by-name/
-         *         Enabled match by name
-         *
-         * @type      {boolean}
-         * @since     8.0.0
-         * @apioption plotOptions.series.dataSorting.matchByName
-         */
-        /**
-         * Determines what data value should be used to sort by.
-         *
-         * @sample {highcharts} highcharts/datasorting/sort-key/
-         *         Sort key as `z` value
-         *
-         * @type      {string}
-         * @since     8.0.0
-         * @default   y
-         * @apioption plotOptions.series.dataSorting.sortKey
-         */
-        /**
-         * Enable or disable the mouse tracking for a specific series. This
-         * includes point tooltips and click events on graphs and points. For
-         * large datasets it improves performance.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-enablemousetracking-false/
-         *         No mouse tracking
-         * @sample {highmaps} maps/plotoptions/series-enablemousetracking-false/
-         *         No mouse tracking
-         *
-         * @type      {boolean}
-         * @default   true
-         * @apioption plotOptions.series.enableMouseTracking
-         */
-        /**
-         * Whether to use the Y extremes of the total chart width or only the
-         * zoomed area when zooming in on parts of the X axis. By default, the
-         * Y axis adjusts to the min and max of the visible data. Cartesian
-         * series only.
-         *
-         * @type      {boolean}
-         * @default   false
-         * @since     4.1.6
-         * @product   highcharts highstock gantt
-         * @apioption plotOptions.series.getExtremesFromAll
-         */
-        /**
-         * An array specifying which option maps to which key in the data point
-         * array. This makes it convenient to work with unstructured data arrays
-         * from different sources.
-         *
-         * @see [series.data](#series.line.data)
-         *
-         * @sample {highcharts|highstock} highcharts/series/data-keys/
-         *         An extended data array with keys
-         * @sample {highcharts|highstock} highcharts/series/data-nested-keys/
-         *         Nested keys used to access object properties
-         *
-         * @type      {Array<string>}
-         * @since     4.1.6
-         * @apioption plotOptions.series.keys
-         */
-        /**
-         * The line cap used for line ends and line joins on the graph.
-         *
-         * @type       {Highcharts.SeriesLinecapValue}
-         * @default    round
-         * @product    highcharts highstock
-         * @apioption  plotOptions.series.linecap
-         */
-        /**
-         * The [id](#series.id) of another series to link to. Additionally,
-         * the value can be ":previous" to link to the previous series. When
-         * two series are linked, only the first one appears in the legend.
-         * Toggling the visibility of this also toggles the linked series.
-         *
-         * If master series uses data sorting and linked series does not have
-         * its own sorting definition, the linked series will be sorted in the
-         * same order as the master one.
-         *
-         * @sample {highcharts|highstock} highcharts/demo/arearange-line/
-         *         Linked series
-         *
-         * @type      {string}
-         * @since     3.0
-         * @product   highcharts highstock gantt
-         * @apioption plotOptions.series.linkedTo
-         */
-        /**
-         * Options for the corresponding navigator series if `showInNavigator`
-         * is `true` for this series. Available options are the same as any
-         * series, documented at [plotOptions](#plotOptions.series) and
-         * [series](#series).
-         *
-         * These options are merged with options in [navigator.series](
-         * #navigator.series), and will take precedence if the same option is
-         * defined both places.
-         *
-         * @see [navigator.series](#navigator.series)
-         *
-         * @type      {Highcharts.PlotSeriesOptions}
-         * @since     5.0.0
-         * @product   highstock
-         * @apioption plotOptions.series.navigatorOptions
-         */
-        /**
-         * The color for the parts of the graph or points that are below the
-         * [threshold](#plotOptions.series.threshold). Note that `zones` takes
-         * precedence over the negative color. Using `negativeColor` is
-         * equivalent to applying a zone with value of 0.
-         *
-         * @see In styled mode, a negative color is applied by setting this option
-         *      to `true` combined with the `.highcharts-negative` class name.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-negative-color/
-         *         Spline, area and column
-         * @sample {highcharts} highcharts/plotoptions/arearange-negativecolor/
-         *         Arearange
-         * @sample {highcharts} highcharts/css/series-negative-color/
-         *         Styled mode
-         * @sample {highstock} highcharts/plotoptions/series-negative-color/
-         *         Spline, area and column
-         * @sample {highstock} highcharts/plotoptions/arearange-negativecolor/
-         *         Arearange
-         * @sample {highmaps} highcharts/plotoptions/series-negative-color/
-         *         Spline, area and column
-         * @sample {highmaps} highcharts/plotoptions/arearange-negativecolor/
-         *         Arearange
-         *
-         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @since     3.0
-         * @apioption plotOptions.series.negativeColor
-         */
-        /**
-         * Same as
-         * [accessibility.series.descriptionFormatter](#accessibility.series.descriptionFormatter),
-         * but for an individual series. Overrides the chart wide configuration.
-         *
-         * @type      {Function}
-         * @since     5.0.12
-         * @apioption plotOptions.series.pointDescriptionFormatter
-         */
-        /**
-         * If no x values are given for the points in a series, `pointInterval`
-         * defines the interval of the x values. For example, if a series
-         * contains one value every decade starting from year 0, set
-         * `pointInterval` to `10`. In true `datetime` axes, the `pointInterval`
-         * is set in milliseconds.
-         *
-         * It can be also be combined with `pointIntervalUnit` to draw irregular
-         * time intervals.
-         *
-         * Please note that this options applies to the _series data_, not the
-         * interval of the axis ticks, which is independent.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-pointstart-datetime/
-         *         Datetime X axis
-         * @sample {highstock} stock/plotoptions/pointinterval-pointstart/
-         *         Using pointStart and pointInterval
-         *
-         * @type      {number}
-         * @default   1
-         * @product   highcharts highstock gantt
-         * @apioption plotOptions.series.pointInterval
-         */
-        /**
-         * On datetime series, this allows for setting the
-         * [pointInterval](#plotOptions.series.pointInterval) to irregular time
-         * units, `day`, `month` and `year`. A day is usually the same as 24
-         * hours, but `pointIntervalUnit` also takes the DST crossover into
-         * consideration when dealing with local time. Combine this option with
-         * `pointInterval` to draw weeks, quarters, 6 months, 10 years etc.
-         *
-         * Please note that this options applies to the _series data_, not the
-         * interval of the axis ticks, which is independent.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-pointintervalunit/
-         *         One point a month
-         * @sample {highstock} highcharts/plotoptions/series-pointintervalunit/
-         *         One point a month
-         *
-         * @type       {string}
-         * @since      4.1.0
-         * @product    highcharts highstock gantt
-         * @validvalue ["day", "month", "year"]
-         * @apioption  plotOptions.series.pointIntervalUnit
-         */
-        /**
-         * Possible values: `"on"`, `"between"`, `number`.
-         *
-         * In a column chart, when pointPlacement is `"on"`, the point will not
-         * create any padding of the X axis. In a polar column chart this means
-         * that the first column points directly north. If the pointPlacement is
-         * `"between"`, the columns will be laid out between ticks. This is
-         * useful for example for visualising an amount between two points in
-         * time or in a certain sector of a polar chart.
-         *
-         * Since Highcharts 3.0.2, the point placement can also be numeric,
-         * where 0 is on the axis value, -0.5 is between this value and the
-         * previous, and 0.5 is between this value and the next. Unlike the
-         * textual options, numeric point placement options won't affect axis
-         * padding.
-         *
-         * Note that pointPlacement needs a [pointRange](
-         * #plotOptions.series.pointRange) to work. For column series this is
-         * computed, but for line-type series it needs to be set.
-         *
-         * For the `xrange` series type and gantt charts, if the Y axis is a
-         * category axis, the `pointPlacement` applies to the Y axis rather than
-         * the (typically datetime) X axis.
-         *
-         * Defaults to `undefined` in cartesian charts, `"between"` in polar
-         * charts.
-         *
-         * @see [xAxis.tickmarkPlacement](#xAxis.tickmarkPlacement)
-         *
-         * @sample {highcharts|highstock} highcharts/plotoptions/series-pointplacement-between/
-         *         Between in a column chart
-         * @sample {highcharts|highstock} highcharts/plotoptions/series-pointplacement-numeric/
-         *         Numeric placement for custom layout
-         * @sample {highcharts|highstock} maps/plotoptions/heatmap-pointplacement/
-         *         Placement in heatmap
-         *
-         * @type      {string|number}
-         * @since     2.3.0
-         * @product   highcharts highstock gantt
-         * @apioption plotOptions.series.pointPlacement
-         */
-        /**
-         * If no x values are given for the points in a series, pointStart
-         * defines on what value to start. For example, if a series contains one
-         * yearly value starting from 1945, set pointStart to 1945.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-pointstart-linear/
-         *         Linear
-         * @sample {highcharts} highcharts/plotoptions/series-pointstart-datetime/
-         *         Datetime
-         * @sample {highstock} stock/plotoptions/pointinterval-pointstart/
-         *         Using pointStart and pointInterval
-         *
-         * @type      {number}
-         * @default   0
-         * @product   highcharts highstock gantt
-         * @apioption plotOptions.series.pointStart
-         */
-        /**
-         * Whether to select the series initially. If `showCheckbox` is true,
-         * the checkbox next to the series name in the legend will be checked
-         * for a selected series.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-selected/
-         *         One out of two series selected
-         *
-         * @type      {boolean}
-         * @default   false
-         * @since     1.2.0
-         * @apioption plotOptions.series.selected
-         */
-        /**
-         * Whether to apply a drop shadow to the graph line. Since 2.3 the
-         * shadow can be an object configuration containing `color`, `offsetX`,
-         * `offsetY`, `opacity` and `width`.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-shadow/
-         *         Shadow enabled
-         *
-         * @type      {boolean|Highcharts.ShadowOptionsObject}
-         * @default   false
-         * @apioption plotOptions.series.shadow
-         */
-        /**
-         * Whether to display this particular series or series type in the
-         * legend. Standalone series are shown in legend by default, and linked
-         * series are not. Since v7.2.0 it is possible to show series that use
-         * colorAxis by setting this option to `true`.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-showinlegend/
-         *         One series in the legend, one hidden
-         *
-         * @type      {boolean}
-         * @apioption plotOptions.series.showInLegend
-         */
-        /**
-         * Whether or not to show the series in the navigator. Takes precedence
-         * over [navigator.baseSeries](#navigator.baseSeries) if defined.
-         *
-         * @type      {boolean}
-         * @since     5.0.0
-         * @product   highstock
-         * @apioption plotOptions.series.showInNavigator
-         */
-        /**
-         * If set to `true`, the accessibility module will skip past the points
-         * in this series for keyboard navigation.
-         *
-         * @type      {boolean}
-         * @since     5.0.12
-         * @apioption plotOptions.series.skipKeyboardNavigation
-         */
-        /**
-         * Whether to stack the values of each series on top of each other.
-         * Possible values are `undefined` to disable, `"normal"` to stack by
-         * value or `"percent"`.
-         *
-         * When stacking is enabled, data must be sorted
-         * in ascending X order.
-         *
-         * Some stacking options are related to specific series types. In the
-         * streamgraph series type, the stacking option is set to `"stream"`.
-         * The second one is `"overlap"`, which only applies to waterfall
-         * series.
-         *
-         * @see [yAxis.reversedStacks](#yAxis.reversedStacks)
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-line/
-         *         Line
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-column/
-         *         Column
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-bar/
-         *         Bar
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-area/
-         *         Area
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-percent-line/
-         *         Line
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-percent-column/
-         *         Column
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-percent-bar/
-         *         Bar
-         * @sample {highcharts} highcharts/plotoptions/series-stacking-percent-area/
-         *         Area
-         * @sample {highcharts} highcharts/plotoptions/series-waterfall-with-normal-stacking
-         *         Waterfall with normal stacking
-         * @sample {highcharts} highcharts/plotoptions/series-waterfall-with-overlap-stacking
-         *         Waterfall with overlap stacking
-         * @sample {highstock} stock/plotoptions/stacking/
-         *         Area
-         *
-         * @type       {string}
-         * @product    highcharts highstock
-         * @validvalue ["normal", "overlap", "percent", "stream"]
-         * @apioption  plotOptions.series.stacking
-         */
-        /**
-         * Whether to apply steps to the line. Possible values are `left`,
-         * `center` and `right`.
-         *
-         * @sample {highcharts} highcharts/plotoptions/line-step/
-         *         Different step line options
-         * @sample {highcharts} highcharts/plotoptions/area-step/
-         *         Stepped, stacked area
-         * @sample {highstock} stock/plotoptions/line-step/
-         *         Step line
-         *
-         * @type       {string}
-         * @since      1.2.5
-         * @product    highcharts highstock
-         * @validvalue ["left", "center", "right"]
-         * @apioption  plotOptions.series.step
-         */
-        /**
-         * The threshold, also called zero level or base level. For line type
-         * series this is only used in conjunction with
-         * [negativeColor](#plotOptions.series.negativeColor).
-         *
-         * @see [softThreshold](#plotOptions.series.softThreshold).
-         *
-         * @type      {number|null}
-         * @default   0
-         * @since     3.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.threshold
-         */
-        /**
-         * Set the initial visibility of the series.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-visible/
-         *         Two series, one hidden and one visible
-         * @sample {highstock} stock/plotoptions/series-visibility/
-         *         Hidden series
-         *
-         * @type      {boolean}
-         * @default   true
-         * @apioption plotOptions.series.visible
-         */
-        /**
-         * Defines the Axis on which the zones are applied.
-         *
-         * @see [zones](#plotOptions.series.zones)
-         *
-         * @sample {highcharts} highcharts/series/color-zones-zoneaxis-x/
-         *         Zones on the X-Axis
-         * @sample {highstock} highcharts/series/color-zones-zoneaxis-x/
-         *         Zones on the X-Axis
-         *
-         * @type      {string}
-         * @default   y
-         * @since     4.1.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.zoneAxis
-         */
-        /**
-         * General event handlers for the series items. These event hooks can
-         * also be attached to the series at run time using the
-         * `Highcharts.addEvent` function.
-         *
-         * @declare Highcharts.SeriesEventsOptionsObject
-         *
-         * @private
-         */
-        events: {},
-        /**
-         * Fires after the series has finished its initial animation, or in case
-         * animation is disabled, immediately as the series is displayed.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-afteranimate/
-         *         Show label after animate
-         * @sample {highstock} highcharts/plotoptions/series-events-afteranimate/
-         *         Show label after animate
-         *
-         * @type      {Highcharts.SeriesAfterAnimateCallbackFunction}
-         * @since     4.0
-         * @product   highcharts highstock gantt
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.afterAnimate
-         */
-        /**
-         * Fires when the checkbox next to the series' name in the legend is
-         * clicked. One parameter, `event`, is passed to the function. The state
-         * of the checkbox is found by `event.checked`. The checked item is
-         * found by `event.item`. Return `false` to prevent the default action
-         * which is to toggle the select state of the series.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-checkboxclick/
-         *         Alert checkbox status
-         *
-         * @type      {Highcharts.SeriesCheckboxClickCallbackFunction}
-         * @since     1.2.0
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.checkboxClick
-         */
-        /**
-         * Fires when the series is clicked. One parameter, `event`, is passed
-         * to the function, containing common event information. Additionally,
-         * `event.point` holds a pointer to the nearest point on the graph.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-click/
-         *         Alert click info
-         * @sample {highstock} stock/plotoptions/series-events-click/
-         *         Alert click info
-         * @sample {highmaps} maps/plotoptions/series-events-click/
-         *         Display click info in subtitle
-         *
-         * @type      {Highcharts.SeriesClickCallbackFunction}
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.click
-         */
-        /**
-         * Fires when the series is hidden after chart generation time, either
-         * by clicking the legend item or by calling `.hide()`.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-hide/
-         *         Alert when the series is hidden by clicking the legend item
-         *
-         * @type      {Highcharts.SeriesHideCallbackFunction}
-         * @since     1.2.0
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.hide
-         */
-        /**
-         * Fires when the legend item belonging to the series is clicked. One
-         * parameter, `event`, is passed to the function. The default action
-         * is to toggle the visibility of the series. This can be prevented
-         * by returning `false` or calling `event.preventDefault()`.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-legenditemclick/
-         *         Confirm hiding and showing
-         *
-         * @type      {Highcharts.SeriesLegendItemClickCallbackFunction}
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.legendItemClick
-         */
-        /**
-         * Fires when the mouse leaves the graph. One parameter, `event`, is
-         * passed to the function, containing common event information. If the
-         * [stickyTracking](#plotOptions.series) option is true, `mouseOut`
-         * doesn't happen before the mouse enters another graph or leaves the
-         * plot area.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-mouseover-sticky/
-         *         With sticky tracking by default
-         * @sample {highcharts} highcharts/plotoptions/series-events-mouseover-no-sticky/
-         *         Without sticky tracking
-         *
-         * @type      {Highcharts.SeriesMouseOutCallbackFunction}
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.mouseOut
-         */
-        /**
-         * Fires when the mouse enters the graph. One parameter, `event`, is
-         * passed to the function, containing common event information.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-mouseover-sticky/
-         *         With sticky tracking by default
-         * @sample {highcharts} highcharts/plotoptions/series-events-mouseover-no-sticky/
-         *         Without sticky tracking
-         *
-         * @type      {Highcharts.SeriesMouseOverCallbackFunction}
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.mouseOver
-         */
-        /**
-         * Fires when the series is shown after chart generation time, either
-         * by clicking the legend item or by calling `.show()`.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-events-show/
-         *         Alert when the series is shown by clicking the legend item.
-         *
-         * @type      {Highcharts.SeriesShowCallbackFunction}
-         * @since     1.2.0
-         * @context   Highcharts.Series
-         * @apioption plotOptions.series.events.show
-         */
-        /**
-         * Options for the point markers of line-like series. Properties like
-         * `fillColor`, `lineColor` and `lineWidth` define the visual appearance
-         * of the markers. Other series types, like column series, don't have
-         * markers, but have visual options on the series level instead.
-         *
-         * In styled mode, the markers can be styled with the
-         * `.highcharts-point`, `.highcharts-point-hover` and
-         * `.highcharts-point-select` class names.
-         *
-         * @declare Highcharts.PointMarkerOptionsObject
-         *
-         * @private
-         */
-        marker: {
-            /**
-             * Enable or disable the point marker. If `undefined`, the markers
-             * are hidden when the data is dense, and shown for more widespread
-             * data points.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-enabled/
-             *         Disabled markers
-             * @sample {highcharts} highcharts/plotoptions/series-marker-enabled-false/
-             *         Disabled in normal state but enabled on hover
-             * @sample {highstock} stock/plotoptions/series-marker/
-             *         Enabled markers
-             *
-             * @type      {boolean}
-             * @default   {highcharts} undefined
-             * @default   {highstock} false
-             * @apioption plotOptions.series.marker.enabled
-             */
-            /**
-             * The threshold for how dense the point markers should be before
-             * they are hidden, given that `enabled` is not defined. The number
-             * indicates the horizontal distance between the two closest points
-             * in the series, as multiples of the `marker.radius`. In other
-             * words, the default value of 2 means points are hidden if
-             * overlapping horizontally.
-             *
-             * @sample highcharts/plotoptions/series-marker-enabledthreshold
-             *         A higher threshold
-             *
-             * @since 6.0.5
-             */
-            enabledThreshold: 2,
-            /**
-             * The fill color of the point marker. When `undefined`, the series'
-             * or point's color is used.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-fillcolor/
-             *         White fill
-             *
-             * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-             * @apioption plotOptions.series.marker.fillColor
-             */
-            /**
-             * Image markers only. Set the image width explicitly. When using
-             * this option, a `width` must also be set.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-width-height/
-             *         Fixed width and height
-             * @sample {highstock} highcharts/plotoptions/series-marker-width-height/
-             *         Fixed width and height
-             *
-             * @type      {number}
-             * @since     4.0.4
-             * @apioption plotOptions.series.marker.height
-             */
-            /**
-             * The color of the point marker's outline. When `undefined`, the
-             * series' or point's color is used.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-fillcolor/
-             *         Inherit from series color (undefined)
-             *
-             * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-             */
-            lineColor: palette.backgroundColor,
-            /**
-             * The width of the point marker's outline.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-fillcolor/
-             *         2px blue marker
-             */
-            lineWidth: 0,
-            /**
-             * The radius of the point marker.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-radius/
-             *         Bigger markers
-             *
-             * @default {highstock} 2
-             * @default {highcharts} 4
-             *
-             */
-            radius: 4,
-            /**
-             * A predefined shape or symbol for the marker. When undefined, the
-             * symbol is pulled from options.symbols. Other possible values are
-             * `'circle'`, `'square'`,`'diamond'`, `'triangle'` and
-             * `'triangle-down'`.
-             *
-             * Additionally, the URL to a graphic can be given on this form:
-             * `'url(graphic.png)'`. Note that for the image to be applied to
-             * exported charts, its URL needs to be accessible by the export
-             * server.
-             *
-             * Custom callbacks for symbol path generation can also be added to
-             * `Highcharts.SVGRenderer.prototype.symbols`. The callback is then
-             * used by its method name, as shown in the demo.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-symbol/
-             *         Predefined, graphic and custom markers
-             * @sample {highstock} highcharts/plotoptions/series-marker-symbol/
-             *         Predefined, graphic and custom markers
-             *
-             * @type      {string}
-             * @apioption plotOptions.series.marker.symbol
-             */
-            /**
-             * Image markers only. Set the image width explicitly. When using
-             * this option, a `height` must also be set.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-marker-width-height/
-             *         Fixed width and height
-             * @sample {highstock} highcharts/plotoptions/series-marker-width-height/
-             *         Fixed width and height
-             *
-             * @type      {number}
-             * @since     4.0.4
-             * @apioption plotOptions.series.marker.width
-             */
-            /**
-             * States for a single point marker.
-             *
-             * @declare Highcharts.PointStatesOptionsObject
-             */
-            states: {
-                /**
-                 * The normal state of a single point marker. Currently only
-                 * used for setting animation when returning to normal state
-                 * from hover.
-                 *
-                 * @declare Highcharts.PointStatesNormalOptionsObject
-                 */
-                normal: {
-                    /**
-                     * Animation when returning to normal state after hovering.
-                     *
-                     * @type {boolean|Partial<Highcharts.AnimationOptionsObject>}
-                     */
-                    animation: true
-                },
-                /**
-                 * The hover state for a single point marker.
-                 *
-                 * @declare Highcharts.PointStatesHoverOptionsObject
-                 */
-                hover: {
-                    /**
-                     * Animation when hovering over the marker.
-                     *
-                     * @type {boolean|Partial<Highcharts.AnimationOptionsObject>}
-                     */
-                    animation: {
-                        /** @internal */
-                        duration: 50
-                    },
-                    /**
-                     * Enable or disable the point marker.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-hover-enabled/
-                     *         Disabled hover state
-                     */
-                    enabled: true,
-                    /**
-                     * The fill color of the marker in hover state. When
-                     * `undefined`, the series' or point's fillColor for normal
-                     * state is used.
-                     *
-                     * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-                     * @apioption plotOptions.series.marker.states.hover.fillColor
-                     */
-                    /**
-                     * The color of the point marker's outline. When
-                     * `undefined`, the series' or point's lineColor for normal
-                     * state is used.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-hover-linecolor/
-                     *         White fill color, black line color
-                     *
-                     * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-                     * @apioption plotOptions.series.marker.states.hover.lineColor
-                     */
-                    /**
-                     * The width of the point marker's outline. When
-                     * `undefined`, the series' or point's lineWidth for normal
-                     * state is used.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-hover-linewidth/
-                     *         3px line width
-                     *
-                     * @type      {number}
-                     * @apioption plotOptions.series.marker.states.hover.lineWidth
-                     */
-                    /**
-                     * The radius of the point marker. In hover state, it
-                     * defaults to the normal state's radius + 2 as per the
-                     * [radiusPlus](#plotOptions.series.marker.states.hover.radiusPlus)
-                     * option.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-hover-radius/
-                     *         10px radius
-                     *
-                     * @type      {number}
-                     * @apioption plotOptions.series.marker.states.hover.radius
-                     */
-                    /**
-                     * The number of pixels to increase the radius of the
-                     * hovered point.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-states-hover-linewidthplus/
-                     *         5 pixels greater radius on hover
-                     * @sample {highstock} highcharts/plotoptions/series-states-hover-linewidthplus/
-                     *         5 pixels greater radius on hover
-                     *
-                     * @since 4.0.3
-                     */
-                    radiusPlus: 2,
-                    /**
-                     * The additional line width for a hovered point.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-states-hover-linewidthplus/
-                     *         2 pixels wider on hover
-                     * @sample {highstock} highcharts/plotoptions/series-states-hover-linewidthplus/
-                     *         2 pixels wider on hover
-                     *
-                     * @since 4.0.3
-                     */
-                    lineWidthPlus: 1
-                },
-                /**
-                 * The appearance of the point marker when selected. In order to
-                 * allow a point to be selected, set the
-                 * `series.allowPointSelect` option to true.
-                 *
-                 * @declare Highcharts.PointStatesSelectOptionsObject
-                 */
-                select: {
-                    /**
-                     * Enable or disable visible feedback for selection.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-select-enabled/
-                     *         Disabled select state
-                     *
-                     * @type      {boolean}
-                     * @default   true
-                     * @apioption plotOptions.series.marker.states.select.enabled
-                     */
-                    /**
-                     * The radius of the point marker. In hover state, it
-                     * defaults to the normal state's radius + 2.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-select-radius/
-                     *         10px radius for selected points
-                     *
-                     * @type      {number}
-                     * @apioption plotOptions.series.marker.states.select.radius
-                     */
-                    /**
-                     * The fill color of the point marker.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-select-fillcolor/
-                     *         Solid red discs for selected points
-                     *
-                     * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-                     */
-                    fillColor: palette.neutralColor20,
-                    /**
-                     * The color of the point marker's outline. When
-                     * `undefined`, the series' or point's color is used.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-select-linecolor/
-                     *         Red line color for selected points
-                     *
-                     * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-                     */
-                    lineColor: palette.neutralColor100,
-                    /**
-                     * The width of the point marker's outline.
-                     *
-                     * @sample {highcharts} highcharts/plotoptions/series-marker-states-select-linewidth/
-                     *         3px line width for selected points
-                     */
-                    lineWidth: 2
-                }
-            }
-        },
-        /**
-         * Properties for each single point.
-         *
-         * @declare Highcharts.PlotSeriesPointOptions
-         *
-         * @private
-         */
-        point: {
-            /**
-             * Fires when a point is clicked. One parameter, `event`, is passed
-             * to the function, containing common event information.
-             *
-             * If the `series.allowPointSelect` option is true, the default
-             * action for the point's click event is to toggle the point's
-             * select state. Returning `false` cancels this action.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-click/
-             *         Click marker to alert values
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-click-column/
-             *         Click column
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-click-url/
-             *         Go to URL
-             * @sample {highmaps} maps/plotoptions/series-point-events-click/
-             *         Click marker to display values
-             * @sample {highmaps} maps/plotoptions/series-point-events-click-url/
-             *         Go to URL
-             *
-             * @type      {Highcharts.PointClickCallbackFunction}
-             * @context   Highcharts.Point
-             * @apioption plotOptions.series.point.events.click
-             */
-            /**
-             * Fires when the mouse leaves the area close to the point. One
-             * parameter, `event`, is passed to the function, containing common
-             * event information.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-mouseover/
-             *         Show values in the chart's corner on mouse over
-             *
-             * @type      {Highcharts.PointMouseOutCallbackFunction}
-             * @context   Highcharts.Point
-             * @apioption plotOptions.series.point.events.mouseOut
-             */
-            /**
-             * Fires when the mouse enters the area close to the point. One
-             * parameter, `event`, is passed to the function, containing common
-             * event information.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-mouseover/
-             *         Show values in the chart's corner on mouse over
-             *
-             * @type      {Highcharts.PointMouseOverCallbackFunction}
-             * @context   Highcharts.Point
-             * @apioption plotOptions.series.point.events.mouseOver
-             */
-            /**
-             * Fires when the point is removed using the `.remove()` method. One
-             * parameter, `event`, is passed to the function. Returning `false`
-             * cancels the operation.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-remove/
-             *         Remove point and confirm
-             *
-             * @type      {Highcharts.PointRemoveCallbackFunction}
-             * @since     1.2.0
-             * @context   Highcharts.Point
-             * @apioption plotOptions.series.point.events.remove
-             */
-            /**
-             * Fires when the point is selected either programmatically or
-             * following a click on the point. One parameter, `event`, is passed
-             * to the function. Returning `false` cancels the operation.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-select/
-             *         Report the last selected point
-             * @sample {highmaps} maps/plotoptions/series-allowpointselect/
-             *         Report select and unselect
-             *
-             * @type      {Highcharts.PointSelectCallbackFunction}
-             * @since     1.2.0
-             * @context   Highcharts.Point
-             * @apioption plotOptions.series.point.events.select
-             */
-            /**
-             * Fires when the point is unselected either programmatically or
-             * following a click on the point. One parameter, `event`, is passed
-             * to the function.
-             *  Returning `false` cancels the operation.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-unselect/
-             *         Report the last unselected point
-             * @sample {highmaps} maps/plotoptions/series-allowpointselect/
-             *         Report select and unselect
-             *
-             * @type      {Highcharts.PointUnselectCallbackFunction}
-             * @since     1.2.0
-             * @context   Highcharts.Point
-             * @apioption plotOptions.series.point.events.unselect
-             */
-            /**
-             * Fires when the point is updated programmatically through the
-             * `.update()` method. One parameter, `event`, is passed to the
-             * function. The new point options can be accessed through
-             * `event.options`. Returning `false` cancels the operation.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-point-events-update/
-             *         Confirm point updating
-             *
-             * @type      {Highcharts.PointUpdateCallbackFunction}
-             * @since     1.2.0
-             * @context   Highcharts.Point
-             * @apioption plotOptions.series.point.events.update
-             */
-            /**
-             * Events for each single point.
-             *
-             * @declare Highcharts.PointEventsOptionsObject
-             */
-            events: {}
-        },
-        /**
-         * Options for the series data labels, appearing next to each data
-         * point.
-         *
-         * Since v6.2.0, multiple data labels can be applied to each single
-         * point by defining them as an array of configs.
-         *
-         * In styled mode, the data labels can be styled with the
-         * `.highcharts-data-label-box` and `.highcharts-data-label` class names
-         * ([see example](https://www.highcharts.com/samples/highcharts/css/series-datalabels)).
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-datalabels-enabled
-         *         Data labels enabled
-         * @sample {highcharts} highcharts/plotoptions/series-datalabels-multiple
-         *         Multiple data labels on a bar series
-         * @sample {highcharts} highcharts/css/series-datalabels
-         *         Style mode example
-         *
-         * @type    {*|Array<*>}
-         * @product highcharts highstock highmaps gantt
-         *
-         * @private
-         */
-        dataLabels: {
-            /**
-             * Enable or disable the initial animation when a series is
-             * displayed for the `dataLabels`. The animation can also be set as
-             * a configuration object. Please note that this option only
-             * applies to the initial animation.
-             * For other animations, see [chart.animation](#chart.animation)
-             * and the animation parameter under the API methods.
-             * The following properties are supported:
-             *
-             * - `defer`: The animation delay time in milliseconds.
-             *
-             * @sample {highcharts} highcharts/plotoptions/animation-defer/
-             *          Animation defer settings
-             *
-             * @type      {boolean|Partial<Highcharts.AnimationOptionsObject>}
-             * @since     8.2.0
-             * @apioption plotOptions.series.dataLabels.animation
-             */
-            animation: {},
-            /**
-             * The animation delay time in milliseconds.
-             * Set to `0` renders dataLabel immediately.
-             * As `undefined` inherits defer time from the [series.animation.defer](#plotOptions.series.animation.defer).
-             *
-             * @type      {number}
-             * @since     8.2.0
-             * @apioption plotOptions.series.dataLabels.animation.defer
-             */
-            /**
-             * The alignment of the data label compared to the point. If
-             * `right`, the right side of the label should be touching the
-             * point. For points with an extent, like columns, the alignments
-             * also dictates how to align it inside the box, as given with the
-             * [inside](#plotOptions.column.dataLabels.inside)
-             * option. Can be one of `left`, `center` or `right`.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-align-left/
-             *         Left aligned
-             * @sample {highcharts} highcharts/plotoptions/bar-datalabels-align-inside-bar/
-             *         Data labels inside the bar
-             *
-             * @type {Highcharts.AlignValue|null}
-             */
-            align: 'center',
-            /**
-             * Whether to allow data labels to overlap. To make the labels less
-             * sensitive for overlapping, the
-             * [dataLabels.padding](#plotOptions.series.dataLabels.padding)
-             * can be set to 0.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-allowoverlap-false/
-             *         Don't allow overlap
-             *
-             * @type      {boolean}
-             * @default   false
-             * @since     4.1.0
-             * @apioption plotOptions.series.dataLabels.allowOverlap
-             */
-            /**
-             * The background color or gradient for the data label.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             * @sample {highmaps} maps/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             *
-             * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-             * @since     2.2.1
-             * @apioption plotOptions.series.dataLabels.backgroundColor
-             */
-            /**
-             * The border color for the data label. Defaults to `undefined`.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             *
-             * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-             * @since     2.2.1
-             * @apioption plotOptions.series.dataLabels.borderColor
-             */
-            /**
-             * The border radius in pixels for the data label.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             * @sample {highmaps} maps/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             *
-             * @type      {number}
-             * @default   0
-             * @since     2.2.1
-             * @apioption plotOptions.series.dataLabels.borderRadius
-             */
-            /**
-             * The border width in pixels for the data label.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             *
-             * @type      {number}
-             * @default   0
-             * @since     2.2.1
-             * @apioption plotOptions.series.dataLabels.borderWidth
-             */
-            /**
-             * A class name for the data label. Particularly in styled mode,
-             * this can be used to give each series' or point's data label
-             * unique styling. In addition to this option, a default color class
-             * name is added so that we can give the labels a contrast text
-             * shadow.
-             *
-             * @sample {highcharts} highcharts/css/data-label-contrast/
-             *         Contrast text shadow
-             * @sample {highcharts} highcharts/css/series-datalabels/
-             *         Styling by CSS
-             *
-             * @type      {string}
-             * @since     5.0.0
-             * @apioption plotOptions.series.dataLabels.className
-             */
-            /**
-             * The text color for the data labels. Defaults to `undefined`. For
-             * certain series types, like column or map, the data labels can be
-             * drawn inside the points. In this case the data label will be
-             * drawn with maximum contrast by default. Additionally, it will be
-             * given a `text-outline` style with the opposite color, to further
-             * increase the contrast. This can be overridden by setting the
-             * `text-outline` style to `none` in the `dataLabels.style` option.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-color/
-             *         Red data labels
-             * @sample {highmaps} maps/demo/color-axis/
-             *         White data labels
-             *
-             * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-             * @apioption plotOptions.series.dataLabels.color
-             */
-            /**
-             * Whether to hide data labels that are outside the plot area. By
-             * default, the data label is moved inside the plot area according
-             * to the
-             * [overflow](#plotOptions.series.dataLabels.overflow)
-             * option.
-             *
-             * @type      {boolean}
-             * @default   true
-             * @since     2.3.3
-             * @apioption plotOptions.series.dataLabels.crop
-             */
-            /**
-             * Whether to defer displaying the data labels until the initial
-             * series animation has finished. Setting to `false` renders the
-             * data label immediately. If set to `true` inherits the defer
-             * time set in [plotOptions.series.animation](#plotOptions.series.animation).
-             * If set to a number, a defer time is specified in milliseconds.
-             *
-             * @sample highcharts/plotoptions/animation-defer
-             *         Set defer time
-             *
-             * @since     4.0.0
-             * @type      {boolean|number}
-             * @product   highcharts highstock gantt
-             */
-            defer: true,
-            /**
-             * Enable or disable the data labels.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-enabled/
-             *         Data labels enabled
-             * @sample {highmaps} maps/demo/color-axis/
-             *         Data labels enabled
-             *
-             * @type      {boolean}
-             * @default   false
-             * @apioption plotOptions.series.dataLabels.enabled
-             */
-            /**
-             * A declarative filter to control of which data labels to display.
-             * The declarative filter is designed for use when callback
-             * functions are not available, like when the chart options require
-             * a pure JSON structure or for use with graphical editors. For
-             * programmatic control, use the `formatter` instead, and return
-             * `undefined` to disable a single data label.
-             *
-             * @example
-             * filter: {
-             *     property: 'percentage',
-             *     operator: '>',
-             *     value: 4
-             * }
-             *
-             * @sample {highcharts} highcharts/demo/pie-monochrome
-             *         Data labels filtered by percentage
-             *
-             * @declare   Highcharts.DataLabelsFilterOptionsObject
-             * @since     6.0.3
-             * @apioption plotOptions.series.dataLabels.filter
-             */
-            /**
-             * The operator to compare by. Can be one of `>`, `<`, `>=`, `<=`,
-             * `==`, and `===`.
-             *
-             * @type       {string}
-             * @validvalue [">", "<", ">=", "<=", "==", "==="]
-             * @apioption  plotOptions.series.dataLabels.filter.operator
-             */
-            /**
-             * The point property to filter by. Point options are passed
-             * directly to properties, additionally there are `y` value,
-             * `percentage` and others listed under {@link Highcharts.Point}
-             * members.
-             *
-             * @type      {string}
-             * @apioption plotOptions.series.dataLabels.filter.property
-             */
-            /**
-             * The value to compare against.
-             *
-             * @type      {number}
-             * @apioption plotOptions.series.dataLabels.filter.value
-             */
-            /**
-             * A
-             * [format string](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting)
-             * for the data label. Available variables are the same as for
-             * `formatter`.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-format/
-             *         Add a unit
-             * @sample {highmaps} maps/plotoptions/series-datalabels-format/
-             *         Formatted value in the data label
-             *
-             * @type      {string}
-             * @default   y
-             * @default   point.value
-             * @since     3.0
-             * @apioption plotOptions.series.dataLabels.format
-             */
-            // eslint-disable-next-line valid-jsdoc
-            /**
-             * Callback JavaScript function to format the data label. Note that
-             * if a `format` is defined, the format takes precedence and the
-             * formatter is ignored.
-             *
-             * @sample {highmaps} maps/plotoptions/series-datalabels-format/
-             *         Formatted value
-             *
-             * @type {Highcharts.DataLabelsFormatterCallbackFunction}
-             */
-            formatter: function () {
-                var numberFormatter = this.series.chart.numberFormatter;
-                return typeof this.y !== 'number' ? '' : numberFormatter(this.y, -1);
-            },
-            /**
-             * For points with an extent, like columns or map areas, whether to
-             * align the data label inside the box or to the actual value point.
-             * Defaults to `false` in most cases, `true` in stacked columns.
-             *
-             * @type      {boolean}
-             * @since     3.0
-             * @apioption plotOptions.series.dataLabels.inside
-             */
-            /**
-             * Format for points with the value of null. Works analogously to
-             * [format](#plotOptions.series.dataLabels.format). `nullFormat` can
-             * be applied only to series which support displaying null points.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-format/
-             *         Format data label and tooltip for null point.
-             *
-             * @type      {boolean|string}
-             * @since     7.1.0
-             * @apioption plotOptions.series.dataLabels.nullFormat
-             */
-            /**
-             * Callback JavaScript function that defines formatting for points
-             * with the value of null. Works analogously to
-             * [formatter](#plotOptions.series.dataLabels.formatter).
-             * `nullPointFormatter` can be applied only to series which support
-             * displaying null points.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-format/
-             *         Format data label and tooltip for null point.
-             *
-             * @type      {Highcharts.DataLabelsFormatterCallbackFunction}
-             * @since     7.1.0
-             * @apioption plotOptions.series.dataLabels.nullFormatter
-             */
-            /**
-             * How to handle data labels that flow outside the plot area. The
-             * default is `"justify"`, which aligns them inside the plot area.
-             * For columns and bars, this means it will be moved inside the bar.
-             * To display data labels outside the plot area, set `crop` to
-             * `false` and `overflow` to `"allow"`.
-             *
-             * @type       {Highcharts.DataLabelsOverflowValue}
-             * @default    justify
-             * @since      3.0.6
-             * @apioption  plotOptions.series.dataLabels.overflow
-             */
-            /**
-             * When either the `borderWidth` or the `backgroundColor` is set,
-             * this is the padding within the box.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             * @sample {highmaps} maps/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             *
-             * @since 2.2.1
-             */
-            padding: 5,
-            /**
-             * Aligns data labels relative to points. If `center` alignment is
-             * not possible, it defaults to `right`.
-             *
-             * @type      {Highcharts.AlignValue}
-             * @default   center
-             * @apioption plotOptions.series.dataLabels.position
-             */
-            /**
-             * Text rotation in degrees. Note that due to a more complex
-             * structure, backgrounds, borders and padding will be lost on a
-             * rotated data label.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-rotation/
-             *         Vertical labels
-             *
-             * @type      {number}
-             * @default   0
-             * @apioption plotOptions.series.dataLabels.rotation
-             */
-            /**
-             * The shadow of the box. Works best with `borderWidth` or
-             * `backgroundColor`. Since 2.3 the shadow can be an object
-             * configuration containing `color`, `offsetX`, `offsetY`, `opacity`
-             * and `width`.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-box/
-             *         Data labels box options
-             *
-             * @type      {boolean|Highcharts.ShadowOptionsObject}
-             * @default   false
-             * @since     2.2.1
-             * @apioption plotOptions.series.dataLabels.shadow
-             */
-            /**
-             * The name of a symbol to use for the border around the label.
-             * Symbols are predefined functions on the Renderer object.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-shape/
-             *         A callout for annotations
-             *
-             * @type      {string}
-             * @default   square
-             * @since     4.1.2
-             * @apioption plotOptions.series.dataLabels.shape
-             */
-            /**
-             * Styles for the label. The default `color` setting is
-             * `"contrast"`, which is a pseudo color that Highcharts picks up
-             * and applies the maximum contrast to the underlying point item,
-             * for example the bar in a bar chart.
-             *
-             * The `textOutline` is a pseudo property that applies an outline of
-             * the given width with the given color, which by default is the
-             * maximum contrast to the text. So a bright text color will result
-             * in a black text outline for maximum readability on a mixed
-             * background. In some cases, especially with grayscale text, the
-             * text outline doesn't work well, in which cases it can be disabled
-             * by setting it to `"none"`. When `useHTML` is true, the
-             * `textOutline` will not be picked up. In this, case, the same
-             * effect can be acheived through the `text-shadow` CSS property.
-             *
-             * For some series types, where each point has an extent, like for
-             * example tree maps, the data label may overflow the point. There
-             * are two strategies for handling overflow. By default, the text
-             * will wrap to multiple lines. The other strategy is to set
-             * `style.textOverflow` to `ellipsis`, which will keep the text on
-             * one line plus it will break inside long words.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-style/
-             *         Bold labels
-             * @sample {highcharts} highcharts/plotoptions/pie-datalabels-overflow/
-             *         Long labels truncated with an ellipsis in a pie
-             * @sample {highcharts} highcharts/plotoptions/pie-datalabels-overflow-wrap/
-             *         Long labels are wrapped in a pie
-             * @sample {highmaps} maps/demo/color-axis/
-             *         Bold labels
-             *
-             * @type      {Highcharts.CSSObject}
-             * @since     4.1.0
-             * @apioption plotOptions.series.dataLabels.style
-             */
-            style: {
-                /** @internal */
-                fontSize: '11px',
-                /** @internal */
-                fontWeight: 'bold',
-                /** @internal */
-                color: 'contrast',
-                /** @internal */
-                textOutline: '1px contrast'
-            },
-            /**
-             * Options for a label text which should follow marker's shape.
-             * Border and background are disabled for a label that follows a
-             * path.
-             *
-             * **Note:** Only SVG-based renderer supports this option. Setting
-             * `useHTML` to true will disable this option.
-             *
-             * @declare   Highcharts.DataLabelsTextPathOptionsObject
-             * @since     7.1.0
-             * @apioption plotOptions.series.dataLabels.textPath
-             */
-            /**
-             * Presentation attributes for the text path.
-             *
-             * @type      {Highcharts.SVGAttributes}
-             * @since     7.1.0
-             * @apioption plotOptions.series.dataLabels.textPath.attributes
-             */
-            /**
-             * Enable or disable `textPath` option for link's or marker's data
-             * labels.
-             *
-             * @type      {boolean}
-             * @since     7.1.0
-             * @apioption plotOptions.series.dataLabels.textPath.enabled
-             */
-            /**
-             * Whether to
-             * [use HTML](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html)
-             * to render the labels.
-             *
-             * @type      {boolean}
-             * @default   false
-             * @apioption plotOptions.series.dataLabels.useHTML
-             */
-            /**
-             * The vertical alignment of a data label. Can be one of `top`,
-             * `middle` or `bottom`. The default value depends on the data, for
-             * instance in a column chart, the label is above positive values
-             * and below negative values.
-             *
-             * @type  {Highcharts.VerticalAlignValue|null}
-             * @since 2.3.3
-             */
-            verticalAlign: 'bottom',
-            /**
-             * The x position offset of the label relative to the point in
-             * pixels.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-rotation/
-             *         Vertical and positioned
-             * @sample {highcharts} highcharts/plotoptions/bar-datalabels-align-inside-bar/
-             *         Data labels inside the bar
-             */
-            x: 0,
-            /**
-             * The Z index of the data labels. The default Z index puts it above
-             * the series. Use a Z index of 2 to display it behind the series.
-             *
-             * @type      {number}
-             * @default   6
-             * @since     2.3.5
-             * @apioption plotOptions.series.dataLabels.z
-             */
-            /**
-             * The y position offset of the label relative to the point in
-             * pixels.
-             *
-             * @sample {highcharts} highcharts/plotoptions/series-datalabels-rotation/
-             *         Vertical and positioned
-             */
-            y: 0
-        },
-        /**
-         * When the series contains less points than the crop threshold, all
-         * points are drawn, even if the points fall outside the visible plot
-         * area at the current zoom. The advantage of drawing all points
-         * (including markers and columns), is that animation is performed on
-         * updates. On the other hand, when the series contains more points than
-         * the crop threshold, the series data is cropped to only contain points
-         * that fall within the plot area. The advantage of cropping away
-         * invisible points is to increase performance on large series.
-         *
-         * @since   2.2
-         * @product highcharts highstock
-         *
-         * @private
-         */
-        cropThreshold: 300,
-        /**
-         * Opacity of a series parts: line, fill (e.g. area) and dataLabels.
-         *
-         * @see [states.inactive.opacity](#plotOptions.series.states.inactive.opacity)
-         *
-         * @since 7.1.0
-         *
-         * @private
-         */
-        opacity: 1,
-        /**
-         * The width of each point on the x axis. For example in a column chart
-         * with one value each day, the pointRange would be 1 day (= 24 * 3600
-         * * 1000 milliseconds). This is normally computed automatically, but
-         * this option can be used to override the automatic value.
-         *
-         * @product highstock
-         *
-         * @private
-         */
-        pointRange: 0,
-        /**
-         * When this is true, the series will not cause the Y axis to cross
-         * the zero plane (or [threshold](#plotOptions.series.threshold) option)
-         * unless the data actually crosses the plane.
-         *
-         * For example, if `softThreshold` is `false`, a series of 0, 1, 2,
-         * 3 will make the Y axis show negative values according to the
-         * `minPadding` option. If `softThreshold` is `true`, the Y axis starts
-         * at 0.
-         *
-         * @since   4.1.9
-         * @product highcharts highstock
-         *
-         * @private
-         */
-        softThreshold: true,
-        /**
-         * @declare Highcharts.SeriesStatesOptionsObject
-         *
-         * @private
-         */
-        states: {
-            /**
-             * The normal state of a series, or for point items in column, pie
-             * and similar series. Currently only used for setting animation
-             * when returning to normal state from hover.
-             *
-             * @declare Highcharts.SeriesStatesNormalOptionsObject
-             */
-            normal: {
-                /**
-                 * Animation when returning to normal state after hovering.
-                 *
-                     * @type {boolean|Partial<Highcharts.AnimationOptionsObject>}
-                 */
-                animation: true
-            },
-            /**
-             * Options for the hovered series. These settings override the
-             * normal state options when a series is moused over or touched.
-             *
-             * @declare Highcharts.SeriesStatesHoverOptionsObject
-             */
-            hover: {
-                /**
-                 * Enable separate styles for the hovered series to visualize
-                 * that the user hovers either the series itself or the legend.
-                 *
-                 * @sample {highcharts} highcharts/plotoptions/series-states-hover-enabled/
-                 *         Line
-                 * @sample {highcharts} highcharts/plotoptions/series-states-hover-enabled-column/
-                 *         Column
-                 * @sample {highcharts} highcharts/plotoptions/series-states-hover-enabled-pie/
-                 *         Pie
-                 *
-                 * @type      {boolean}
-                 * @default   true
-                 * @since     1.2
-                 * @apioption plotOptions.series.states.hover.enabled
-                 */
-                /**
-                 * Animation setting for hovering the graph in line-type series.
-                 *
-                 * @type {boolean|Partial<Highcharts.AnimationOptionsObject>}
-                 * @since   5.0.8
-                 * @product highcharts highstock
-                 */
-                animation: {
-                    /**
-                     * The duration of the hover animation in milliseconds. By
-                     * default the hover state animates quickly in, and slowly
-                     * back to normal.
-                     *
-                     * @internal
-                     */
-                    duration: 50
-                },
-                /**
-                 * Pixel width of the graph line. By default this property is
-                 * undefined, and the `lineWidthPlus` property dictates how much
-                 * to increase the linewidth from normal state.
-                 *
-                 * @sample {highcharts} highcharts/plotoptions/series-states-hover-linewidth/
-                 *         5px line on hover
-                 *
-                 * @type      {number}
-                 * @product   highcharts highstock
-                 * @apioption plotOptions.series.states.hover.lineWidth
-                 */
-                /**
-                 * The additional line width for the graph of a hovered series.
-                 *
-                 * @sample {highcharts} highcharts/plotoptions/series-states-hover-linewidthplus/
-                 *         5 pixels wider
-                 * @sample {highstock} highcharts/plotoptions/series-states-hover-linewidthplus/
-                 *         5 pixels wider
-                 *
-                 * @since   4.0.3
-                 * @product highcharts highstock
-                 */
-                lineWidthPlus: 1,
-                /**
-                 * In Highcharts 1.0, the appearance of all markers belonging
-                 * to the hovered series. For settings on the hover state of the
-                 * individual point, see
-                 * [marker.states.hover](#plotOptions.series.marker.states.hover).
-                 *
-                 * @deprecated
-                 *
-                 * @extends   plotOptions.series.marker
-                 * @excluding states
-                 * @product   highcharts highstock
-                 */
-                marker: {
-                // lineWidth: base + 1,
-                // radius: base + 1
-                },
-                /**
-                 * Options for the halo appearing around the hovered point in
-                 * line-type series as well as outside the hovered slice in pie
-                 * charts. By default the halo is filled by the current point or
-                 * series color with an opacity of 0.25\. The halo can be
-                 * disabled by setting the `halo` option to `null`.
-                 *
-                 * In styled mode, the halo is styled with the
-                 * `.highcharts-halo` class, with colors inherited from
-                 * `.highcharts-color-{n}`.
-                 *
-                 * @sample {highcharts} highcharts/plotoptions/halo/
-                 *         Halo options
-                 * @sample {highstock} highcharts/plotoptions/halo/
-                 *         Halo options
-                 *
-                 * @declare Highcharts.SeriesStatesHoverHaloOptionsObject
-                 * @type    {null|*}
-                 * @since   4.0
-                 * @product highcharts highstock
-                 */
-                halo: {
-                    /**
-                     * A collection of SVG attributes to override the appearance
-                     * of the halo, for example `fill`, `stroke` and
-                     * `stroke-width`.
-                     *
-                     * @type      {Highcharts.SVGAttributes}
-                     * @since     4.0
-                     * @product   highcharts highstock
-                     * @apioption plotOptions.series.states.hover.halo.attributes
-                     */
-                    /**
-                     * The pixel size of the halo. For point markers this is the
-                     * radius of the halo. For pie slices it is the width of the
-                     * halo outside the slice. For bubbles it defaults to 5 and
-                     * is the width of the halo outside the bubble.
-                     *
-                     * @since   4.0
-                     * @product highcharts highstock
-                     */
-                    size: 10,
-                    /**
-                     * Opacity for the halo unless a specific fill is overridden
-                     * using the `attributes` setting. Note that Highcharts is
-                     * only able to apply opacity to colors of hex or rgb(a)
-                     * formats.
-                     *
-                     * @since   4.0
-                     * @product highcharts highstock
-                     */
-                    opacity: 0.25
-                }
-            },
-            /**
-             * Specific options for point in selected states, after being
-             * selected by
-             * [allowPointSelect](#plotOptions.series.allowPointSelect)
-             * or programmatically.
-             *
-             * @sample maps/plotoptions/series-allowpointselect/
-             *         Allow point select demo
-             *
-             * @declare   Highcharts.SeriesStatesSelectOptionsObject
-             * @extends   plotOptions.series.states.hover
-             * @excluding brightness
-             */
-            select: {
-                animation: {
-                    /** @internal */
-                    duration: 0
-                }
-            },
-            /**
-             * The opposite state of a hover for series.
-             *
-             * @sample highcharts/plotoptions/series-states-inactive-disabled
-             *         Disabled inactive state
-             *
-             * @declare Highcharts.SeriesStatesInactiveOptionsObject
-             */
-            inactive: {
-                /**
-                 * Enable or disable the inactive state for a series
-                 *
-                 * @sample highcharts/plotoptions/series-states-inactive-disabled
-                 *         Disabled inactive state
-                 *
-                 * @type {boolean}
-                 * @default true
-                 * @apioption plotOptions.series.states.inactive.enabled
-                 */
-                /**
-                 * The animation for entering the inactive state.
-                 *
-                 * @type {boolean|Partial<Highcharts.AnimationOptionsObject>}
-                 */
-                animation: {
-                    /** @internal */
-                    duration: 50
-                },
-                /**
-                 * Opacity of series elements (dataLabels, line, area).
-                 *
-                 * @type {number}
-                 */
-                opacity: 0.2
-            }
-        },
-        /**
-         * Sticky tracking of mouse events. When true, the `mouseOut` event on a
-         * series isn't triggered until the mouse moves over another series, or
-         * out of the plot area. When false, the `mouseOut` event on a series is
-         * triggered when the mouse leaves the area around the series' graph or
-         * markers. This also implies the tooltip when not shared. When
-         * `stickyTracking` is false and `tooltip.shared` is false, the tooltip
-         * will be hidden when moving the mouse between series. Defaults to true
-         * for line and area type series, but to false for columns, pies etc.
-         *
-         * **Note:** The boost module will force this option because of
-         * technical limitations.
-         *
-         * @sample {highcharts} highcharts/plotoptions/series-stickytracking-true/
-         *         True by default
-         * @sample {highcharts} highcharts/plotoptions/series-stickytracking-false/
-         *         False
-         *
-         * @default {highcharts} true
-         * @default {highstock} true
-         * @default {highmaps} false
-         * @since   2.0
-         *
-         * @private
-         */
-        stickyTracking: true,
-        /**
-         * A configuration object for the tooltip rendering of each single
-         * series. Properties are inherited from [tooltip](#tooltip), but only
-         * the following properties can be defined on a series level.
-         *
-         * @declare   Highcharts.SeriesTooltipOptionsObject
-         * @since     2.3
-         * @extends   tooltip
-         * @excluding animation, backgroundColor, borderColor, borderRadius,
-         *            borderWidth, className, crosshairs, enabled, formatter,
-         *            headerShape, hideDelay, outside, padding, positioner,
-         *            shadow, shape, shared, snap, split, stickOnContact,
-         *            style, useHTML
-         * @apioption plotOptions.series.tooltip
-         */
-        /**
-         * When a series contains a data array that is longer than this, only
-         * one dimensional arrays of numbers, or two dimensional arrays with
-         * x and y values are allowed. Also, only the first point is tested,
-         * and the rest are assumed to be the same format. This saves expensive
-         * data checking and indexing in long series. Set it to `0` disable.
-         *
-         * Note:
-         * In boost mode turbo threshold is forced. Only array of numbers or
-         * two dimensional arrays are allowed.
-         *
-         * @since   2.2
-         * @product highcharts highstock gantt
-         *
-         * @private
-         */
-        turboThreshold: 1000,
-        /**
-         * An array defining zones within a series. Zones can be applied to the
-         * X axis, Y axis or Z axis for bubbles, according to the `zoneAxis`
-         * option. The zone definitions have to be in ascending order regarding
-         * to the value.
-         *
-         * In styled mode, the color zones are styled with the
-         * `.highcharts-zone-{n}` class, or custom classed from the `className`
-         * option
-         * ([view live demo](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/color-zones/)).
-         *
-         * @see [zoneAxis](#plotOptions.series.zoneAxis)
-         *
-         * @sample {highcharts} highcharts/series/color-zones-simple/
-         *         Color zones
-         * @sample {highstock} highcharts/series/color-zones-simple/
-         *         Color zones
-         *
-         * @declare   Highcharts.SeriesZonesOptionsObject
-         * @type      {Array<*>}
-         * @since     4.1.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.zones
-         */
-        /**
-         * Styled mode only. A custom class name for the zone.
-         *
-         * @sample highcharts/css/color-zones/
-         *         Zones styled by class name
-         *
-         * @type      {string}
-         * @since     5.0.0
-         * @apioption plotOptions.series.zones.className
-         */
-        /**
-         * Defines the color of the series.
-         *
-         * @see [series color](#plotOptions.series.color)
-         *
-         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @since     4.1.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.zones.color
-         */
-        /**
-         * A name for the dash style to use for the graph.
-         *
-         * @see [plotOptions.series.dashStyle](#plotOptions.series.dashStyle)
-         *
-         * @sample {highcharts|highstock} highcharts/series/color-zones-dashstyle-dot/
-         *         Dashed line indicates prognosis
-         *
-         * @type      {Highcharts.DashStyleValue}
-         * @since     4.1.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.zones.dashStyle
-         */
-        /**
-         * Defines the fill color for the series (in area type series)
-         *
-         * @see [fillColor](#plotOptions.area.fillColor)
-         *
-         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-         * @since     4.1.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.zones.fillColor
-         */
-        /**
-         * The value up to where the zone extends, if undefined the zones
-         * stretches to the last value in the series.
-         *
-         * @type      {number}
-         * @since     4.1.0
-         * @product   highcharts highstock
-         * @apioption plotOptions.series.zones.value
-         */
-        /**
-         * When using dual or multiple color axes, this number defines which
-         * colorAxis the particular series is connected to. It refers to
-         * either the
-         * {@link #colorAxis.id|axis id}
-         * or the index of the axis in the colorAxis array, with 0 being the
-         * first. Set this option to false to prevent a series from connecting
-         * to the default color axis.
-         *
-         * Since v7.2.0 the option can also be an axis id or an axis index
-         * instead of a boolean flag.
-         *
-         * @sample highcharts/coloraxis/coloraxis-with-pie/
-         *         Color axis with pie series
-         * @sample highcharts/coloraxis/multiple-coloraxis/
-         *         Multiple color axis
-         *
-         * @type      {number|string|boolean}
-         * @default   0
-         * @product   highcharts highstock highmaps
-         * @apioption plotOptions.series.colorAxis
-         */
-        /**
-         * Determines what data value should be used to calculate point color
-         * if `colorAxis` is used. Requires to set `min` and `max` if some
-         * custom point property is used or if approximation for data grouping
-         * is set to `'sum'`.
-         *
-         * @sample highcharts/coloraxis/custom-color-key/
-         *         Custom color key
-         * @sample highcharts/coloraxis/changed-default-color-key/
-         *         Changed default color key
-         *
-         * @type      {string}
-         * @default   y
-         * @since     7.2.0
-         * @product   highcharts highstock highmaps
-         * @apioption plotOptions.series.colorKey
-         */
-        /**
-         * Determines whether the series should look for the nearest point
-         * in both dimensions or just the x-dimension when hovering the series.
-         * Defaults to `'xy'` for scatter series and `'x'` for most other
-         * series. If the data has duplicate x-values, it is recommended to
-         * set this to `'xy'` to allow hovering over all points.
-         *
-         * Applies only to series types using nearest neighbor search (not
-         * direct hover) for tooltip.
-         *
-         * @sample {highcharts} highcharts/series/findnearestpointby/
-         *         Different hover behaviors
-         * @sample {highstock} highcharts/series/findnearestpointby/
-         *         Different hover behaviors
-         * @sample {highmaps} highcharts/series/findnearestpointby/
-         *         Different hover behaviors
-         *
-         * @since      5.0.10
-         * @validvalue ["x", "xy"]
-         *
-         * @private
-         */
-        findNearestPointBy: 'x'
-    };
+    Series.defaultOptions = SeriesDefaults;
     return Series;
 }());
 extend(Series.prototype, {
@@ -5539,7 +3374,7 @@ extend(Series.prototype, {
     colorCounter: 0,
     cropShoulder: 1,
     directTouch: false,
-    drawLegendSymbol: LegendSymbolMixin.drawLineMarker,
+    drawLegendSymbol: LegendSymbol.drawLineMarker,
     isCartesian: true,
     kdAxisArray: ['clientX', 'plotY'],
     // each point's x and y values are stored in this.xData and this.yData: