highcharts 10.3.1 → 10.3.2

package/es-modules/Extensions/SeriesLabel/SeriesLabel.js

@@ -21,6 +21,15 @@
  * https://jsfiddle.net/highcharts/y5A37/
  */
 'use strict';
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import A from '../../Core/Animation/AnimationUtilities.js';
 var animObject = A.animObject;
 import Chart from '../../Core/Chart/Chart.js';
@@ -50,9 +59,9 @@ var labelDistance = 3;
  * @private
  */
 function checkClearPoint(series, x, y, bBox, checkDistance) {
-    var chart = series.chart, onArea = pick(series.options.label.onArea, !!series.area), findDistanceToOthers = (onArea || series.options.label.connectorAllowed), leastDistance = 16;
+    var chart = series.chart, seriesLabelOptions = series.options.label || {}, onArea = pick(seriesLabelOptions.onArea, !!series.area), findDistanceToOthers = (onArea || seriesLabelOptions.connectorAllowed), leastDistance = 16, boxesToAvoid = chart.boxesToAvoid;
     var distToOthersSquared = Number.MAX_VALUE, // distance to other graphs
-    distToPointSquared = Number.MAX_VALUE, dist, connectorPoint, serie, points, withinRange, xDist, yDist, i, j;
+    distToPointSquared = Number.MAX_VALUE, dist, connectorPoint, withinRange, xDist, yDist, i, j;
     /**
      * Get the weight in order to determine the ideal position. Larger distance
      * to other series gives more weight. Smaller distance to the actual point
@@ -63,8 +72,8 @@ function checkClearPoint(series, x, y, bBox, checkDistance) {
         return distToOthersSquared - distToPointSquared;
     }
     // First check for collision with existing labels
-    for (i = 0; i < chart.boxesToAvoid.length; i += 1) {
-        if (intersectRect(chart.boxesToAvoid[i], {
+    for (i = 0; boxesToAvoid && i < boxesToAvoid.length; i += 1) {
+        if (intersectRect(boxesToAvoid[i], {
             left: x,
             right: x + bBox.width,
             top: y,
@@ -76,9 +85,20 @@ function checkClearPoint(series, x, y, bBox, checkDistance) {
     // For each position, check if the lines around the label intersect with any
     // of the graphs.
     for (i = 0; i < chart.series.length; i += 1) {
-        serie = chart.series[i];
-        points = serie.interpolatedPoints;
+        var serie = chart.series[i], points = serie.interpolatedPoints && __spreadArray([], serie.interpolatedPoints, true);
         if (serie.visible && points) {
+            // Avoid the sides of the plot area
+            var stepY = chart.plotHeight / 10;
+            for (var chartY = chart.plotTop; chartY <= chart.plotTop + chart.plotHeight; chartY += stepY) {
+                points.unshift({
+                    chartX: chart.plotLeft,
+                    chartY: chartY
+                });
+                points.push({
+                    chartX: chart.plotLeft + chart.plotWidth,
+                    chartY: chartY
+                });
+            }
             for (j = 1; j < points.length; j += 1) {
                 if (
                 // To avoid processing, only check intersection if the X
@@ -88,10 +108,10 @@ function checkClearPoint(series, x, y, bBox, checkDistance) {
                         leastDistance
                 /* @todo condition above is not the same as below
                 (
-                    (points[j].chartX as any) >=
+                    points[j].chartX >=
                     (x - leastDistance)
                 ) && (
-                    (points[j - 1].chartX as any) <=
+                    points[j - 1].chartX <=
                     (x + bBox.width + leastDistance)
                 ) */
                 ) {
@@ -119,8 +139,7 @@ function checkClearPoint(series, x, y, bBox, checkDistance) {
                 findDistanceToOthers &&
                 series === serie &&
                 ((checkDistance && !withinRange) ||
-                    distToOthersSquared < Math.pow(series.options.label
-                        .connectorNeighbourDistance, 2))) {
+                    distToOthersSquared < Math.pow(seriesLabelOptions.connectorNeighbourDistance || 1, 2))) {
                 for (j = 1; j < points.length; j += 1) {
                     dist = Math.min((Math.pow(x + bBox.width / 2 - points[j].chartX, 2) +
                         Math.pow(y + bBox.height / 2 - points[j].chartY, 2)), (Math.pow(x - points[j].chartX, 2) +
@@ -173,27 +192,28 @@ function compose(ChartClass, SVGRendererClass) {
  */
 function drawSeriesLabels(chart) {
     // console.time('drawSeriesLabels');
-    var labelSeries = chart.labelSeries;
+    var labelSeries = chart.labelSeries || [];
     chart.boxesToAvoid = [];
     // Build the interpolated points
     labelSeries.forEach(function (series) {
+        var seriesLabelOptions = series.options.label || {}, boxesToAvoid = chart.boxesToAvoid;
         series.interpolatedPoints = getPointsOnGraph(series);
-        (series.options.label.boxesToAvoid || []).forEach(function (box) {
-            chart.boxesToAvoid.push(box);
-        });
+        if (boxesToAvoid) {
+            boxesToAvoid.push.apply(boxesToAvoid, (seriesLabelOptions.boxesToAvoid || []));
+        }
     });
     chart.series.forEach(function (series) {
         var labelOptions = series.options.label;
         if (!labelOptions || (!series.xAxis && !series.yAxis)) {
             return;
         }
-        var colorClass = ('highcharts-color-' + pick(series.colorIndex, 'none')), isNew = !series.labelBySeries, minFontSize = labelOptions.minFontSize, maxFontSize = labelOptions.maxFontSize, inverted = chart.inverted, paneLeft = (inverted ? series.yAxis.pos : series.xAxis.pos), paneTop = (inverted ? series.xAxis.pos : series.yAxis.pos), paneWidth = chart.inverted ? series.yAxis.len : series.xAxis.len, paneHeight = chart.inverted ? series.xAxis.len : series.yAxis.len, points = series.interpolatedPoints, onArea = pick(labelOptions.onArea, !!series.area), results = [];
+        var colorClass = ('highcharts-color-' + pick(series.colorIndex, 'none')), isNew = !series.labelBySeries, minFontSize = labelOptions.minFontSize, maxFontSize = labelOptions.maxFontSize, inverted = chart.inverted, paneLeft = (inverted ? series.yAxis.pos : series.xAxis.pos), paneTop = (inverted ? series.xAxis.pos : series.yAxis.pos), paneWidth = chart.inverted ? series.yAxis.len : series.xAxis.len, paneHeight = chart.inverted ? series.xAxis.len : series.yAxis.len, points = series.interpolatedPoints, onArea = pick(labelOptions.onArea, !!series.area), results = [], xData = series.xData || [];
         var bBox, x, y, clearPoint, i, best, label = series.labelBySeries, dataExtremes, areaMin, areaMax;
         // Stay within the area data bounds (#10038)
         if (onArea && !inverted) {
             dataExtremes = [
-                series.xAxis.toPixels(series.xData[0]),
-                series.xAxis.toPixels(series.xData[series.xData.length - 1])
+                series.xAxis.toPixels(xData[0]),
+                series.xAxis.toPixels(xData[xData.length - 1])
             ];
             areaMin = Math.min.apply(Math, dataExtremes);
             areaMax = Math.max.apply(Math, dataExtremes);
@@ -232,10 +252,12 @@ function drawSeriesLabels(chart) {
                     (series.options.className || '') + ' ' +
                     colorClass);
                 if (!chart.renderer.styledMode) {
+                    var color = typeof series.color === 'string' ?
+                        series.color : "#666666" /* Palette.neutralColor60 */;
                     label.css(extend({
                         color: onArea ?
-                            chart.renderer.getContrast(series.color) :
-                            series.color
+                            chart.renderer.getContrast(color) :
+                            color
                     }, labelOptions.style || {}));
                     label.attr({
                         opacity: chart.renderer.forExport ? 1 : 0,
@@ -264,7 +286,7 @@ function drawSeriesLabels(chart) {
                 if (onArea) {
                     // Centered
                     x = points[i].chartX - bBox.width / 2;
-                    y = points[i].chartCenterY - bBox.height / 2;
+                    y = (points[i].chartCenterY || 0) - bBox.height / 2;
                     if (insidePane(x, y, bBox)) {
                         best = checkClearPoint(series, x, y, bBox);
                     }
@@ -325,7 +347,7 @@ function drawSeriesLabels(chart) {
             if (results.length) {
                 results.sort(function (a, b) { return b.weight - a.weight; });
                 best = results[0];
-                chart.boxesToAvoid.push({
+                (chart.boxesToAvoid || []).push({
                     left: best.x,
                     right: best.x + bBox.width,
                     top: best.y,
@@ -357,15 +379,14 @@ function drawSeriesLabels(chart) {
                     var animationOptions = void 0;
                     if (isNew) {
                         animationOptions = animObject(series.options.animation);
-                        // @todo: Safely remove any cast after merging #13005
                         animationOptions.duration *= 0.2;
                     }
                     series.labelBySeries
                         .attr(extend(attr, {
                         anchorX: best.connectorPoint &&
-                            best.connectorPoint.plotX + paneLeft,
+                            (best.connectorPoint.plotX || 0) + paneLeft,
                         anchorY: best.connectorPoint &&
-                            best.connectorPoint.plotY + paneTop
+                            (best.connectorPoint.plotY || 0) + paneTop
                     }))
                         .animate(anim, animationOptions);
                     // Record closest point to stick to for sync redraw
@@ -406,8 +427,8 @@ function getPointsOnGraph(series) {
     if (!series.xAxis && !series.yAxis) {
         return;
     }
-    var distance = 16, points = series.points, interpolated = [], graph = series.graph || series.area, node = graph.element, inverted = series.chart.inverted, xAxis = series.xAxis, yAxis = series.yAxis, paneLeft = inverted ? yAxis.pos : xAxis.pos, paneTop = inverted ? xAxis.pos : yAxis.pos, onArea = pick(series.options.label.onArea, !!series.area), translatedThreshold = yAxis.getThreshold(series.options.threshold), grid = {};
-    var point, last, i, deltaX, deltaY, delta, len, n, j, d;
+    var distance = 16, points = series.points, interpolated = [], graph = series.graph || series.area, node = graph && graph.element, inverted = series.chart.inverted, xAxis = series.xAxis, yAxis = series.yAxis, paneLeft = inverted ? yAxis.pos : xAxis.pos, paneTop = inverted ? xAxis.pos : yAxis.pos, seriesLabelOptions = series.options.label || {}, onArea = pick(seriesLabelOptions.onArea, !!series.area), translatedThreshold = yAxis.getThreshold(series.options.threshold), grid = {};
+    var i, deltaX, deltaY, delta, len, n, j;
     /**
      * Push the point to the interpolated points, but only if that position in
      * the grid has not been occupied. As a performance optimization, we divide
@@ -415,8 +436,8 @@ function getPointsOnGraph(series) {
      * @private
      */
     function pushDiscrete(point) {
-        var cellSize = 8, key = Math.round(point.plotX / cellSize) + ',' +
-            Math.round(point.plotY / cellSize);
+        var cellSize = 8, key = Math.round((point.plotX || 0) / cellSize) + ',' +
+            Math.round((point.plotY || 0) / cellSize);
         if (!grid[key]) {
             grid[key] = 1;
             interpolated.push(point);
@@ -425,81 +446,84 @@ function getPointsOnGraph(series) {
     // For splines, get the point at length (possible caveat: peaks are not
     // correctly detected)
     if (series.getPointSpline &&
-        (node.getPointAtLength) &&
+        node &&
+        node.getPointAtLength &&
         !onArea &&
         // Not performing well on complex series, node.getPointAtLength is too
         // heavy (#9815)
-        points.length < series.chart.plotSizeX / distance) {
+        points.length < (series.chart.plotSizeX || 0) / distance) {
         // If it is animating towards a path definition, use that briefly, and
         // reset
+        var d = graph.toD && graph.attr('d');
         if (graph.toD) {
-            d = graph.attr('d');
             graph.attr({ d: graph.toD });
         }
         len = node.getTotalLength();
         for (i = 0; i < len; i += distance) {
-            point = node.getPointAtLength(i);
+            var domPoint = node.getPointAtLength(i);
             pushDiscrete({
-                chartX: paneLeft + point.x,
-                chartY: paneTop + point.y,
-                plotX: point.x,
-                plotY: point.y
+                chartX: paneLeft + domPoint.x,
+                chartY: paneTop + domPoint.y,
+                plotX: domPoint.x,
+                plotY: domPoint.y
             });
         }
         if (d) {
             graph.attr({ d: d });
         }
         // Last point
-        point = points[points.length - 1];
-        point.chartX = paneLeft + point.plotX;
-        point.chartY = paneTop + point.plotY;
-        pushDiscrete(point);
+        var point = points[points.length - 1];
+        pushDiscrete({
+            chartX: paneLeft + (point.plotX || 0),
+            chartY: paneTop + (point.plotY || 0)
+        });
         // Interpolate
     }
     else {
         len = points.length;
+        var last = void 0;
         for (i = 0; i < len; i += 1) {
-            point = points[i];
-            last = points[i - 1];
-            // Absolute coordinates so we can compare different panes
-            point.chartX = paneLeft + point.plotX;
-            point.chartY = paneTop + point.plotY;
-            if (onArea) {
-                // Vertically centered inside area
-                point.chartCenterY = paneTop + (point.plotY +
-                    pick(point.yBottom, translatedThreshold)) / 2;
-            }
-            // Add interpolated points
-            if (i > 0) {
-                deltaX = Math.abs(point.chartX - last.chartX);
-                deltaY = Math.abs(point.chartY - last.chartY);
-                delta = Math.max(deltaX, deltaY);
-                if (delta > distance) {
-                    n = Math.ceil(delta / distance);
-                    for (j = 1; j < n; j += 1) {
-                        pushDiscrete({
-                            chartX: last.chartX +
-                                (point.chartX - last.chartX) *
-                                    (j / n),
-                            chartY: last.chartY +
-                                (point.chartY - last.chartY) *
-                                    (j / n),
-                            chartCenterY: last.chartCenterY +
-                                (point.chartCenterY -
-                                    last.chartCenterY) * (j / n),
-                            plotX: last.plotX +
-                                (point.plotX - last.plotX) *
-                                    (j / n),
-                            plotY: last.plotY +
-                                (point.plotY - last.plotY) *
-                                    (j / n)
-                        });
+            var point = points[i], plotX = point.plotX, plotY = point.plotY;
+            if (isNumber(plotX) && isNumber(plotY)) {
+                var ctlPoint = {
+                    plotX: plotX,
+                    plotY: plotY,
+                    // Absolute coordinates so we can compare different panes
+                    chartX: paneLeft + plotX,
+                    chartY: paneTop + plotY
+                };
+                if (onArea) {
+                    // Vertically centered inside area
+                    ctlPoint.chartCenterY = paneTop + (plotY + pick(point.yBottom, translatedThreshold)) / 2;
+                }
+                // Add interpolated points
+                if (last) {
+                    deltaX = Math.abs(ctlPoint.chartX - last.chartX);
+                    deltaY = Math.abs(ctlPoint.chartY - last.chartY);
+                    delta = Math.max(deltaX, deltaY);
+                    if (delta > distance) {
+                        n = Math.ceil(delta / distance);
+                        for (j = 1; j < n; j += 1) {
+                            pushDiscrete({
+                                chartX: last.chartX +
+                                    (ctlPoint.chartX - last.chartX) * (j / n),
+                                chartY: last.chartY +
+                                    (ctlPoint.chartY - last.chartY) * (j / n),
+                                chartCenterY: (last.chartCenterY || 0) +
+                                    ((ctlPoint.chartCenterY || 0) -
+                                        (last.chartCenterY || 0)) * (j / n),
+                                plotX: (last.plotX || 0) +
+                                    (plotX - (last.plotX || 0)) * (j / n),
+                                plotY: (last.plotY || 0) +
+                                    (plotY - (last.plotY || 0)) * (j / n)
+                            });
+                        }
                     }
                 }
-            }
-            // Add the real point in order to find positive and negative peaks
-            if (isNumber(point.plotY)) {
-                pushDiscrete(point);
+                // Add the real point in order to find positive and negative
+                // peaks
+                pushDiscrete(ctlPoint);
+                last = ctlPoint;
             }
         }
     }
@@ -519,7 +543,7 @@ function getPointsOnGraph(series) {
  * @private
  */
 function labelFontSize(series, minFontSize, maxFontSize) {
-    return minFontSize + ((series.sum / series.chart.labelSeriesMaxSum) *
+    return minFontSize + (((series.sum || 0) / (series.chart.labelSeriesMaxSum || 0)) *
         (maxFontSize - minFontSize)) + 'px';
 }
 /**
@@ -532,20 +556,23 @@ function onChartRedraw(e) {
         var delay_1 = animObject(chart_1.renderer.globalAnimation).duration;
         chart_1.labelSeries = [];
         chart_1.labelSeriesMaxSum = 0;
-        U.clearTimeout(chart_1.seriesLabelTimer);
+        if (chart_1.seriesLabelTimer) {
+            U.clearTimeout(chart_1.seriesLabelTimer);
+        }
         // Which series should have labels
         chart_1.series.forEach(function (series) {
-            var options = series.options.label, label = series.labelBySeries, closest = label && label.closest;
-            if (options.enabled &&
+            var seriesLabelOptions = series.options.label || {}, label = series.labelBySeries, closest = label && label.closest;
+            if (seriesLabelOptions.enabled &&
                 series.visible &&
                 (series.graph || series.area) &&
-                !series.boosted) {
+                !series.boosted &&
+                chart_1.labelSeries) {
                 chart_1.labelSeries.push(series);
-                if (options.minFontSize && options.maxFontSize) {
-                    series.sum = series.yData.reduce(function (pv, cv) {
-                        return (pv || 0) + (cv || 0);
-                    }, 0);
-                    chart_1.labelSeriesMaxSum = Math.max(chart_1.labelSeriesMaxSum, series.sum);
+                if (seriesLabelOptions.minFontSize &&
+                    seriesLabelOptions.maxFontSize &&
+                    series.yData) {
+                    series.sum = series.yData.reduce(function (pv, cv) { return (pv || 0) + (cv || 0); }, 0);
+                    chart_1.labelSeriesMaxSum = Math.max(chart_1.labelSeriesMaxSum || 0, series.sum || 0);
                 }
                 // The labels are processing heavy, wait until the animation is
                 // done

package/es-modules/Gantt/Pathfinder.js

@@ -477,19 +477,20 @@ var Pathfinder = /** @class */ (function () {
         // to new connections.
         for (var j = 0, k = void 0, found = void 0, lenOld = oldConnections.length, lenNew = pathfinder.connections.length; j < lenOld; ++j) {
             found = false;
+            var oldCon = oldConnections[j];
             for (k = 0; k < lenNew; ++k) {
-                if (oldConnections[j].fromPoint ===
-                    pathfinder.connections[k].fromPoint &&
-                    oldConnections[j].toPoint ===
-                        pathfinder.connections[k].toPoint) {
-                    pathfinder.connections[k].graphics =
-                        oldConnections[j].graphics;
+                var newCon = pathfinder.connections[k];
+                if ((oldCon.options && oldCon.options.type) ===
+                    (newCon.options && newCon.options.type) &&
+                    oldCon.fromPoint === newCon.fromPoint &&
+                    oldCon.toPoint === newCon.toPoint) {
+                    newCon.graphics = oldCon.graphics;
                     found = true;
                     break;
                 }
             }
             if (!found) {
-                oldConnections[j].destroy();
+                oldCon.destroy();
             }
         }
         // Clear obstacles to force recalculation. This must be done on every

package/es-modules/Series/ArcDiagram/ArcDiagramSeries.js

@@ -341,7 +341,8 @@ var ArcDiagramSeries = /** @class */ (function (_super) {
     };
     ArcDiagramSeries.prototype.pointAttribs = function (point, state) {
         if (point && point.isNode) {
-            var _a = Series.prototype.pointAttribs.apply(this, arguments), opacity = _a.opacity, attrs = __rest(_a, ["opacity"]);
+            var _a = Series.prototype.pointAttribs
+                .apply(this, arguments), opacity = _a.opacity, attrs = __rest(_a, ["opacity"]);
             return attrs;
         }
         return _super.prototype.pointAttribs.apply(this, arguments);
@@ -484,6 +485,7 @@ var ArcDiagramSeries = /** @class */ (function (_super) {
         marker: {
             symbol: 'circle',
             fillOpacity: 1,
+            lineWidth: 0,
             states: {}
         }
     });

package/es-modules/Series/AreaRange/AreaRangeSeries.js

@@ -456,6 +456,16 @@ var AreaRangeSeries = /** @class */ (function (_super) {
         i = 0;
         while (i < pointLength) {
             point = series.points[i];
+            /**
+             * Array for multiple SVG graphics representing the point in the
+             * chart. Only used in cases where the point can not be represented
+             * by a single graphic.
+             *
+             * @see Highcharts.Point#graphic
+             *
+             * @name Highcharts.Point#graphics
+             * @type {Array<Highcharts.SVGElement>|undefined}
+             */
             point.graphics = point.graphics || [];
             // Save original props to be overridden by temporary props for top
             // points

package/es-modules/Series/Bubble/BubbleSeries.js

@@ -301,12 +301,9 @@ var BubbleSeries = /** @class */ (function (_super) {
                 };
             }
             else { // below zThreshold
-                point.shapeArgs = point.dlBox = void 0; // #1691
-                point.plotY = 0; // #17281
-                point.marker = {
-                    width: 0,
-                    height: 0
-                };
+                // #1691
+                point.shapeArgs = point.plotY = point.dlBox = void 0;
+                point.isInside = false; // #17281
             }
         }
     };

package/es-modules/Series/Column/ColumnSeries.js

@@ -568,7 +568,8 @@ var ColumnSeries = /** @class */ (function (_super) {
      * Draw the tracker for a point.
      * @private
      */
-    ColumnSeries.prototype.drawTracker = function () {
+    ColumnSeries.prototype.drawTracker = function (points) {
+        if (points === void 0) { points = this.points; }
         var series = this, chart = series.chart, pointer = chart.pointer, onMouseOver = function (e) {
             var point = pointer.getPointFromEvent(e);
             // undefined on graph in scatterchart
@@ -579,7 +580,7 @@ var ColumnSeries = /** @class */ (function (_super) {
         };
         var dataLabels;
         // Add reference to the point
-        series.points.forEach(function (point) {
+        points.forEach(function (point) {
             dataLabels = (isArray(point.dataLabels) ?
                 point.dataLabels :
                 (point.dataLabel ? [point.dataLabel] : []));
@@ -611,7 +612,6 @@ var ColumnSeries = /** @class */ (function (_super) {
                     }
                     if (!chart.styledMode && series.options.cursor) {
                         series[key]
-                            .css(css)
                             .css({ cursor: series.options.cursor });
                     }
                 }

package/es-modules/Series/Flags/FlagsSeries.js

@@ -319,12 +319,7 @@ extend(FlagsSeries.prototype, {
      * Inherit the initialization from base Series.
      * @private
      */
-    init: Series.prototype.init,
-    /**
-     * Don't invert the flag marker group (#4960).
-     * @private
-     */
-    invertGroups: noop
+    init: Series.prototype.init
 });
 SeriesRegistry.registerSeriesType('flags', FlagsSeries);
 /* *

package/es-modules/Series/Line/LineSeries.js

@@ -125,7 +125,7 @@ var LineSeries = /** @class */ (function (_super) {
             if (graph && !styledMode) {
                 attribs = {
                     'stroke': prop[2],
-                    'stroke-width': options.lineWidth,
+                    'stroke-width': options.lineWidth || 0,
                     // Polygon series use filled graph
                     'fill': (series.fillGraph && series.color) || 'none'
                 };
@@ -406,7 +406,10 @@ export default LineSeries;
  */
 /**
  * An additional, individual class name for the data point's graphic
- * representation.
+ * representation. Changes to a point's color will also be reflected in a
+ * chart's legend and tooltip.
+ *
+ * @sample {highcharts} highcharts/css/point-series-classname
  *
  * @type      {string}
  * @since     5.0.0

package/es-modules/Series/Map/MapPoint.js

@@ -77,16 +77,14 @@ var MapPoint = /** @class */ (function (_super) {
      * @private
      */
     MapPoint.prototype.applyOptions = function (options, x) {
-        var series = this.series, point = _super.prototype.applyOptions.call(this, options, x), joinBy = series.joinBy, mapPoint;
+        var series = this.series, point = _super.prototype.applyOptions.call(this, options, x), joinBy = series.joinBy;
         if (series.mapData && series.mapMap) {
-            var joinKey = joinBy[1];
-            var mapKey = _super.prototype.getNestedProperty.call(point, joinKey);
-            mapPoint = typeof mapKey !== 'undefined' &&
+            var joinKey = joinBy[1], mapKey = _super.prototype.getNestedProperty.call(point, joinKey), mapPoint = typeof mapKey !== 'undefined' &&
                 series.mapMap[mapKey];
             if (mapPoint) {
                 extend(point, mapPoint); // copy over properties
             }
-            else {
+            else if (series.pointArrayMap.indexOf('value') !== -1) {
                 point.value = point.value || null;
             }
         }
@@ -149,17 +147,43 @@ var MapPoint = /** @class */ (function (_super) {
      * Highmaps only. Zoom in on the point using the global animation.
      *
      * @sample maps/members/point-zoomto/
-     *         Zoom to points from butons
+     *         Zoom to points from buttons
      *
      * @requires modules/map
      *
      * @function Highcharts.Point#zoomTo
      */
     MapPoint.prototype.zoomTo = function () {
-        var point = this;
-        var chart = point.series.chart;
-        if (chart.mapView && point.bounds) {
-            chart.mapView.fitToBounds(point.bounds, void 0, false);
+        var point = this, chart = point.series.chart, mapView = chart.mapView;
+        var bounds = point.bounds;
+        if (mapView && bounds) {
+            var inset = isNumber(point.insetIndex) &&
+                mapView.insets[point.insetIndex];
+            if (inset) {
+                // If in an inset, translate the bounds to pixels ...
+                var px1 = inset.projectedUnitsToPixels({
+                    x: bounds.x1,
+                    y: bounds.y1
+                }), px2 = inset.projectedUnitsToPixels({
+                    x: bounds.x2,
+                    y: bounds.y2
+                }), 
+                // ... then back to projected units in the main mapView
+                proj1 = mapView.pixelsToProjectedUnits({
+                    x: px1.x,
+                    y: px1.y
+                }), proj2 = mapView.pixelsToProjectedUnits({
+                    x: px2.x,
+                    y: px2.y
+                });
+                bounds = {
+                    x1: proj1.x,
+                    y1: proj1.y,
+                    x2: proj2.x,
+                    y2: proj2.y
+                };
+            }
+            mapView.fitToBounds(bounds, void 0, false);
             point.series.isDirty = true;
             chart.redraw();
         }

package/es-modules/Series/Map/MapSeries.js

@@ -41,7 +41,7 @@ var
 _a = SeriesRegistry.seriesTypes, ColumnSeries = _a.column, ScatterSeries = _a.scatter;
 import SVGRenderer from '../../Core/Renderer/SVG/SVGRenderer.js';
 import U from '../../Core/Utilities.js';
-var extend = U.extend, find = U.find, fireEvent = U.fireEvent, getNestedProperty = U.getNestedProperty, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, merge = U.merge, objectEach = U.objectEach, pick = U.pick, splat = U.splat;
+var extend = U.extend, find = U.find, fireEvent = U.fireEvent, getNestedProperty = U.getNestedProperty, isArray = U.isArray, defined = U.defined, isNumber = U.isNumber, isObject = U.isObject, merge = U.merge, objectEach = U.objectEach, pick = U.pick, splat = U.splat;
 /* *
  *
  *  Class
@@ -464,11 +464,12 @@ var MapSeries = /** @class */ (function (_super) {
         if (!point.visible) {
             attr.fill = this.options.nullColor;
         }
-        attr['stroke-width'] = pick(pointStrokeWidth, 
-        // By default set the stroke-width on the group element and let all
-        // point graphics inherit. That way we don't have to iterate over
-        // all points to update the stroke-width on zooming.
-        'inherit');
+        if (defined(pointStrokeWidth)) {
+            attr['stroke-width'] = pointStrokeWidth;
+        }
+        else {
+            delete attr['stroke-width'];
+        }
         return attr;
     };
     /**

package/es-modules/Series/OnSeriesComposition.js

@@ -57,9 +57,9 @@ var OnSeriesComposition;
      *
      * @private
      */
-    function getPlotBox() {
+    function getPlotBox(name) {
         return seriesProto.getPlotBox.call((this.options.onSeries &&
-            this.chart.get(this.options.onSeries)) || this);
+            this.chart.get(this.options.onSeries)) || this, name);
     }
     OnSeriesComposition.getPlotBox = getPlotBox;
     /**

package/es-modules/Series/Sankey/SankeySeries.js

@@ -224,6 +224,10 @@ var SankeySeries = /** @class */ (function (_super) {
             fill: Color.parse(color).setOpacity(values.linkOpacity).get()
         };
     };
+    SankeySeries.prototype.drawTracker = function () {
+        ColumnSeries.prototype.drawTracker.call(this, this.points);
+        ColumnSeries.prototype.drawTracker.call(this, this.nodes);
+    };
     SankeySeries.prototype.drawPoints = function () {
         ColumnSeries.prototype.drawPoints.call(this, this.points);
         ColumnSeries.prototype.drawPoints.call(this, this.nodes);