highcharts 9.3.3 → 10.2.0

package/es-modules/Series/MapBubble/MapBubblePoint.js

@@ -12,19 +12,25 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+/* *
+ *
+ *  Imports
+ *
+ * */
+import MapPoint from '../Map/MapPoint.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var _a = SeriesRegistry.seriesTypes, BubbleSeries = _a.bubble, MapSeries = _a.map;
-import U from '../../Core/Utilities.js';
-var extend = U.extend, merge = U.merge;
 /* *
  *
  *  Class
@@ -33,30 +39,18 @@ var extend = U.extend, merge = U.merge;
 var MapBubblePoint = /** @class */ (function (_super) {
     __extends(MapBubblePoint, _super);
     function MapBubblePoint() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        /* *
+         *
+         *  Functions
+         *
+         * */
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.applyOptions = MapSeries.prototype.pointClass.prototype.applyOptions;
+        _this.getProjectedBounds = MapPoint.prototype.getProjectedBounds;
+        return _this;
+        /* eslint-enable valid-jsdoc */
     }
-    /* *
-     *
-     *  Functions
-     *
-     * */
     /* eslint-disable valid-jsdoc */
-    /**
-     * @private
-     */
-    MapBubblePoint.prototype.applyOptions = function (options, x) {
-        var point;
-        if (options &&
-            typeof options.lat !== 'undefined' &&
-            typeof options.lon !== 'undefined') {
-            point = _super.prototype.applyOptions.call(this, merge(options, this.series.chart.fromLatLonToPoint(options)), x);
-        }
-        else {
-            point = MapSeries.prototype.pointClass.prototype
-                .applyOptions.call(this, options, x);
-        }
-        return point;
-    };
     /**
      * @private
      */

package/es-modules/Series/MapBubble/MapBubbleSeries.js

@@ -12,10 +12,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -57,6 +59,12 @@ var MapBubbleSeries = /** @class */ (function (_super) {
         _this.points = void 0;
         return _this;
     }
+    MapBubbleSeries.prototype.searchPoint = function (e, compareX) {
+        return this.searchKDTree({
+            clientX: e.chartX - this.chart.plotLeft,
+            plotY: e.chartY - this.chart.plotTop
+        }, compareX, e);
+    };
     MapBubbleSeries.prototype.translate = function () {
         MapPointSeries.prototype.translate.call(this);
         this.getRadii();
@@ -102,15 +110,62 @@ var MapBubbleSeries = /** @class */ (function (_super) {
          * @apioption plotOptions.mapbubble.displayNegative
          */
         /**
-         * @sample {highmaps} maps/demo/map-bubble/
+         * Color of the line connecting bubbles. The default value is the same
+         * as series' color.
+         *
+         * 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.
+         *
+         *
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
+         * @sample {highmaps} maps/plotoptions/spider-map-line-color/
+         *         Different line color
+         *
+         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+         * @apioption plotOptions.mapbubble.lineColor
+         */
+        /**
+         * Pixel width of the line connecting bubbles.
+         *
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
+         *
+         * @product   highmaps
+         * @apioption plotOptions.mapbubble.lineWidth
+         */
+        lineWidth: 0,
+        /**
+         * Maximum bubble size. Bubbles will automatically size between the
+         * `minSize` and `maxSize` to reflect the `z` value of each bubble.
+         * Can be either pixels (when no unit is given), or a percentage of
+         * the smallest one of the plot width and height.
+         *
+         * @sample {highmaps} highcharts/plotoptions/bubble-size/
          *         Bubble size
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
          *
+         * @product   highmaps
          * @apioption plotOptions.mapbubble.maxSize
+
          */
         /**
+         * Minimum bubble size. Bubbles will automatically size between the
+         * `minSize` and `maxSize` to reflect the `z` value of each bubble.
+         * Can be either pixels (when no unit is given), or a percentage of
+         * the smallest one of the plot width and height.
+         *
          * @sample {highmaps} maps/demo/map-bubble/
          *         Bubble size
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
          *
+         * @product   highmaps
          * @apioption plotOptions.mapbubble.minSize
          */
         /**
@@ -189,6 +244,7 @@ var MapBubbleSeries = /** @class */ (function (_super) {
          * @apioption plotOptions.mapbubble.zThreshold
          */
         animationLimit: 500,
+        joinBy: 'hc-key',
         tooltip: {
             pointFormat: '{point.name}: {point.z}'
         }
@@ -203,8 +259,11 @@ extend(MapBubbleSeries.prototype, {
     // If one single value is passed, it is interpreted as z
     pointArrayMap: ['z'],
     pointClass: MapBubblePoint,
+    processData: MapSeries.prototype.processData,
+    projectPoint: MapPointSeries.prototype.projectPoint,
     setData: MapSeries.prototype.setData,
     setOptions: MapSeries.prototype.setOptions,
+    updateData: MapSeries.prototype.updateData,
     useMapGeometry: true,
     xyFromShape: true
 });

package/es-modules/Series/MapLine/MapLineSeries.js

@@ -12,10 +12,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -178,4 +180,19 @@ export default MapLineSeries;
  * @product   highmaps
  * @apioption series.mapline.data
  */
+/**
+ * Pixel width of the mapline line.
+ *
+ * @type      {number}
+ * @since 10.2.0
+ * @product   highmaps
+ * @apioption plotOptions.mapline.states.hover.lineWidth
+ */
+/**
+ *
+ * @type      {number}
+ * @product   highmaps
+ * @excluding borderWidth
+ * @apioption plotOptions.mapline.states.hover
+ */
 ''; // adds doclets above to transpiled file

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

@@ -12,10 +12,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -24,7 +26,7 @@ var __extends = (this && this.__extends) || (function () {
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var ScatterSeries = SeriesRegistry.seriesTypes.scatter;
 import U from '../../Core/Utilities.js';
-var isNumber = U.isNumber, merge = U.merge;
+var isNumber = U.isNumber;
 /* *
  *
  *  Class
@@ -50,16 +52,10 @@ var MapPointPoint = /** @class */ (function (_super) {
      *
      * */
     /* eslint-disable valid-jsdoc */
-    MapPointPoint.prototype.applyOptions = function (options, x) {
-        var mergedOptions = (typeof options.lat !== 'undefined' &&
-            typeof options.lon !== 'undefined' ?
-            merge(options, this.series.chart.fromLatLonToPoint(options)) :
-            options);
-        return _super.prototype.applyOptions.call(this, mergedOptions, x);
-    };
     MapPointPoint.prototype.isValid = function () {
         return Boolean(this.options.geometry ||
-            (isNumber(this.x) && isNumber(this.y)));
+            (isNumber(this.x) && isNumber(this.y)) ||
+            (isNumber(this.options.lon) && isNumber(this.options.lat)));
     };
     return MapPointPoint;
 }(ScatterSeries.prototype.pointClass));

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

@@ -12,10 +12,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -56,6 +58,7 @@ var MapPointSeries = /** @class */ (function (_super) {
          *  Properties
          *
          * */
+        _this.chart = void 0;
         _this.data = void 0;
         _this.options = void 0;
         _this.points = void 0;
@@ -74,6 +77,30 @@ var MapPointSeries = /** @class */ (function (_super) {
             this.dataLabelsGroup.clip(this.chart.clipRect);
         }
     };
+    /**
+     * Resolve `lon`, `lat` or `geometry` options and project the resulted
+     * coordinates.
+     *
+     * @private
+     */
+    MapPointSeries.prototype.projectPoint = function (pointOptions) {
+        var mapView = this.chart.mapView;
+        if (mapView) {
+            var geometry = pointOptions.geometry, lon = pointOptions.lon, lat = pointOptions.lat;
+            var coordinates = (geometry &&
+                geometry.type === 'Point' &&
+                geometry.coordinates);
+            if (isNumber(lon) && isNumber(lat)) {
+                coordinates = [lon, lat];
+            }
+            if (coordinates) {
+                return mapView.lonLatToProjectedUnits({
+                    lon: coordinates[0],
+                    lat: coordinates[1]
+                });
+            }
+        }
+    };
     MapPointSeries.prototype.translate = function () {
         var _this = this;
         var mapView = this.chart.mapView;
@@ -81,18 +108,19 @@ var MapPointSeries = /** @class */ (function (_super) {
             this.processData();
         }
         this.generatePoints();
+        if (this.getProjectedBounds && this.isDirtyData) {
+            delete this.bounds;
+            this.getProjectedBounds(); // Added point needs bounds(#16598)
+        }
         // Create map based translation
         if (mapView) {
-            var _a = mapView.projection, forward_1 = _a.forward, hasCoordinates_1 = _a.hasCoordinates;
+            var hasCoordinates_1 = mapView.projection.hasCoordinates;
             this.points.forEach(function (p) {
                 var _a = p.x, x = _a === void 0 ? void 0 : _a, _b = p.y, y = _b === void 0 ? void 0 : _b;
-                var geometry = p.options.geometry, coordinates = (geometry &&
-                    geometry.type === 'Point' &&
-                    geometry.coordinates);
-                if (coordinates) {
-                    var xy = forward_1(coordinates);
-                    x = xy[0];
-                    y = xy[1];
+                var xy = _this.projectPoint(p.options);
+                if (xy) {
+                    x = xy.x;
+                    y = xy.y;
                     // Map bubbles getting geometry from shape
                 }
                 else if (p.bounds) {
@@ -100,6 +128,7 @@ var MapPointSeries = /** @class */ (function (_super) {
                     y = p.bounds.midY;
                 }
                 if (isNumber(x) && isNumber(y)) {
+                    // Establish plotX and plotY
                     var plotCoords = mapView.projectedUnitsToPixels({ x: x, y: y });
                     p.plotX = plotCoords.x;
                     p.plotY = hasCoordinates_1 ?
@@ -107,8 +136,7 @@ var MapPointSeries = /** @class */ (function (_super) {
                         _this.chart.plotHeight - plotCoords.y;
                 }
                 else {
-                    p.plotX = void 0;
-                    p.plotY = void 0;
+                    p.y = p.plotX = p.plotY = void 0;
                 }
                 p.isInside = _this.isPointInside(p);
                 // Find point zone
@@ -139,7 +167,7 @@ var MapPointSeries = /** @class */ (function (_super) {
             overflow: false,
             style: {
                 /** @internal */
-                color: "#000000" /* neutralColor100 */
+                color: "#000000" /* Palette.neutralColor100 */
             }
         }
     });
@@ -287,9 +315,9 @@ export default MapPointSeries;
  * @apioption series.mappoint.data.lon
  */
 /**
- * The x coordinate of the point in terms of the map path coordinates.
+ * The x coordinate of the point in terms of projected units.
  *
- * @sample {highmaps} maps/demo/mapline-mappoint/
+ * @sample {highmaps} maps/series/mapline-mappoint-path-xy/
  *         Map point demo
  *
  * @type      {number}
@@ -297,13 +325,19 @@ export default MapPointSeries;
  * @apioption series.mappoint.data.x
  */
 /**
- * The x coordinate of the point in terms of the map path coordinates.
+ * The x coordinate of the point in terms of projected units.
  *
- * @sample {highmaps} maps/demo/mapline-mappoint/
+ * @sample {highmaps} maps/series/mapline-mappoint-path-xy/
  *         Map point demo
  *
  * @type      {number|null}
  * @product   highmaps
  * @apioption series.mappoint.data.y
  */
+/**
+* @type      {number}
+* @product   highmaps
+* @excluding borderColor, borderWidth
+* @apioption plotOptions.mappoint
+*/
 ''; // adds doclets above to transpiled file

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

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/es-modules/Series/NodesComposition.js

@@ -4,10 +4,10 @@
  *
  * */
 'use strict';
-import Point from '../Core/Series/Point.js';
-import Series from '../Core/Series/Series.js';
+import SeriesRegistry from '../Core/Series/SeriesRegistry.js';
+var _a = SeriesRegistry.series, seriesProto = _a.prototype, pointProto = _a.prototype.pointClass.prototype;
 import U from '../Core/Utilities.js';
-var defined = U.defined, extend = U.extend, find = U.find, pick = U.pick;
+var defined = U.defined, extend = U.extend, find = U.find, merge = U.merge, pick = U.pick;
 /* *
  *
  *  Composition
@@ -31,22 +31,22 @@ var NodesComposition;
      *  Functions
      *
      * */
-    /* eslint-disable valid-jsdoc */
     /**
      * @private
      */
     function compose(PointClass, SeriesClass) {
         if (composedClasses.indexOf(PointClass) === -1) {
             composedClasses.push(PointClass);
-            var pointProto = PointClass.prototype;
-            pointProto.setNodeState = setNodeState;
-            pointProto.setState = setNodeState;
+            var pointProto_1 = PointClass.prototype;
+            pointProto_1.setNodeState = setNodeState;
+            pointProto_1.setState = setNodeState;
+            pointProto_1.update = updateNode;
         }
         if (composedClasses.indexOf(SeriesClass) === -1) {
             composedClasses.push(SeriesClass);
-            var seriesProto = SeriesClass.prototype;
-            seriesProto.destroy = destroy;
-            seriesProto.setData = setData;
+            var seriesProto_1 = SeriesClass.prototype;
+            seriesProto_1.destroy = destroy;
+            seriesProto_1.setData = setData;
         }
         return SeriesClass;
     }
@@ -61,36 +61,25 @@ var NodesComposition;
         var node = findById(this.nodes, id), options;
         if (!node) {
             options = this.options.nodes && findById(this.options.nodes, id);
-            node = (new PointClass()).init(this, extend({
+            var newNode_1 = (new PointClass()).init(this, extend({
                 className: 'highcharts-node',
                 isNode: true,
                 id: id,
                 y: 1 // Pass isNull test
             }, options));
-            node.linksTo = [];
-            node.linksFrom = [];
-            node.formatPrefix = 'node';
-            // for use in formats
-            node.name = node.name || node.options.id || '';
-            // Mass is used in networkgraph:
-            node.mass = pick(
-            // Node:
-            node.options.mass, node.options.marker && node.options.marker.radius, 
-            // Series:
-            this.options.marker && this.options.marker.radius, 
-            // Default:
-            4);
+            newNode_1.linksTo = [];
+            newNode_1.linksFrom = [];
             /**
              * Return the largest sum of either the incoming or outgoing links.
              * @private
              */
-            node.getSum = function () {
+            newNode_1.getSum = function () {
                 var sumTo = 0, sumFrom = 0;
-                node.linksTo.forEach(function (link) {
-                    sumTo += link.weight;
+                newNode_1.linksTo.forEach(function (link) {
+                    sumTo += link.weight || 0;
                 });
-                node.linksFrom.forEach(function (link) {
-                    sumFrom += link.weight;
+                newNode_1.linksFrom.forEach(function (link) {
+                    sumFrom += link.weight || 0;
                 });
                 return Math.max(sumTo, sumFrom);
             };
@@ -98,29 +87,41 @@ var NodesComposition;
              * Get the offset in weight values of a point/link.
              * @private
              */
-            node.offset = function (point, coll) {
+            newNode_1.offset = function (point, coll) {
                 var offset = 0;
-                for (var i = 0; i < node[coll].length; i++) {
-                    if (node[coll][i] === point) {
+                for (var i = 0; i < newNode_1[coll].length; i++) {
+                    if (newNode_1[coll][i] === point) {
                         return offset;
                     }
-                    offset += node[coll][i].weight;
+                    offset += newNode_1[coll][i].weight;
                 }
             };
             // Return true if the node has a shape, otherwise all links are
             // outgoing.
-            node.hasShape = function () {
+            newNode_1.hasShape = function () {
                 var outgoing = 0;
-                node.linksTo.forEach(function (link) {
+                newNode_1.linksTo.forEach(function (link) {
                     if (link.outgoing) {
                         outgoing++;
                     }
                 });
-                return (!node.linksTo.length ||
-                    outgoing !== node.linksTo.length);
+                return (!newNode_1.linksTo.length ||
+                    outgoing !== newNode_1.linksTo.length);
             };
-            this.nodes.push(node);
+            newNode_1.index = this.nodes.push(newNode_1) - 1;
+            node = newNode_1;
         }
+        node.formatPrefix = 'node';
+        // for use in formats
+        node.name = node.name || node.options.id || '';
+        // Mass is used in networkgraph:
+        node.mass = pick(
+        // Node:
+        node.options.mass, node.options.marker && node.options.marker.radius, 
+        // Series:
+        this.options.marker && this.options.marker.radius, 
+        // Default:
+        4);
         return node;
     }
     NodesComposition.createNode = createNode;
@@ -132,16 +133,18 @@ var NodesComposition;
         // Nodes must also be destroyed (#8682, #9300)
         this.data = []
             .concat(this.points || [], this.nodes);
-        return Series.prototype.destroy.apply(this, arguments);
+        return seriesProto.destroy.apply(this, arguments);
     }
     NodesComposition.destroy = destroy;
     /**
-     * Extend generatePoints by adding the nodes, which are Point objects
-     * but pushed to the this.nodes array.
+     * Extend generatePoints by adding the nodes, which are Point objects but
+     * pushed to the this.nodes array.
+     * @private
      */
     function generatePoints() {
+        var _this = this;
         var chart = this.chart, nodeLookup = {};
-        Series.prototype.generatePoints.call(this);
+        seriesProto.generatePoints.call(this);
         if (!this.nodes) {
             this.nodes = []; // List of Point-like node items
         }
@@ -156,7 +159,7 @@ var NodesComposition;
         this.points.forEach(function (point) {
             if (defined(point.from)) {
                 if (!nodeLookup[point.from]) {
-                    nodeLookup[point.from] = this.createNode(point.from);
+                    nodeLookup[point.from] = _this.createNode(point.from);
                 }
                 nodeLookup[point.from].linksFrom.push(point);
                 point.fromNode = nodeLookup[point.from];
@@ -171,7 +174,7 @@ var NodesComposition;
             }
             if (defined(point.to)) {
                 if (!nodeLookup[point.to]) {
-                    nodeLookup[point.to] = this.createNode(point.to);
+                    nodeLookup[point.to] = _this.createNode(point.to);
                 }
                 nodeLookup[point.to].linksTo.push(point);
                 point.toNode = nodeLookup[point.to];
@@ -193,11 +196,12 @@ var NodesComposition;
             });
             this.nodes.length = 0;
         }
-        Series.prototype.setData.apply(this, arguments);
+        seriesProto.setData.apply(this, arguments);
     }
     /**
      * When hovering node, highlight all connected links. When hovering a link,
      * highlight all connected nodes.
+     * @private
      */
     function setNodeState(state) {
         var args = arguments, others = this.isNode ? this.linksTo.concat(this.linksFrom) :
@@ -205,21 +209,69 @@ var NodesComposition;
         if (state !== 'select') {
             others.forEach(function (linkOrNode) {
                 if (linkOrNode && linkOrNode.series) {
-                    Point.prototype.setState.apply(linkOrNode, args);
+                    pointProto.setState.apply(linkOrNode, args);
                     if (!linkOrNode.isNode) {
                         if (linkOrNode.fromNode.graphic) {
-                            Point.prototype.setState.apply(linkOrNode.fromNode, args);
+                            pointProto.setState.apply(linkOrNode.fromNode, args);
                         }
                         if (linkOrNode.toNode && linkOrNode.toNode.graphic) {
-                            Point.prototype.setState.apply(linkOrNode.toNode, args);
+                            pointProto.setState.apply(linkOrNode.toNode, args);
                         }
                     }
                 }
             });
         }
-        Point.prototype.setState.apply(this, args);
+        pointProto.setState.apply(this, args);
     }
     NodesComposition.setNodeState = setNodeState;
+    /**
+     * When updating a node, don't update `series.options.data`, but
+     * `series.options.nodes`
+     * @private
+     */
+    function updateNode(options, redraw, animation, runEvent) {
+        var _this = this;
+        var nodes = this.series.options.nodes, data = this.series.options.data, dataLength = data && data.length || 0, linkConfig = data && data[this.index];
+        pointProto.update.call(this, options, this.isNode ? false : redraw, // Hold the redraw for nodes
+        animation, runEvent);
+        if (this.isNode) {
+            // this.index refers to `series.nodes`, not `options.nodes` array
+            var nodeIndex = (nodes || [])
+                .reduce(// Array.findIndex needs a polyfill
+            function (prevIndex, n, index) {
+                return (_this.id === n.id ? index : prevIndex);
+            }, -1), 
+            // Merge old config with new config. New config is stored in
+            // options.data, because of default logic in point.update()
+            nodeConfig = merge(nodes && nodes[nodeIndex] || {}, data && data[this.index] || {});
+            // Restore link config
+            if (data) {
+                if (linkConfig) {
+                    data[this.index] = linkConfig;
+                }
+                else {
+                    // Remove node from config if there's more nodes than links
+                    data.length = dataLength;
+                }
+            }
+            // Set node config
+            if (nodes) {
+                if (nodeIndex >= 0) {
+                    nodes[nodeIndex] = nodeConfig;
+                }
+                else {
+                    nodes.push(nodeConfig);
+                }
+            }
+            else {
+                this.series.options.nodes = [nodeConfig];
+            }
+            if (pick(redraw, true)) {
+                this.series.chart.redraw(animation);
+            }
+        }
+    }
+    NodesComposition.updateNode = updateNode;
 })(NodesComposition || (NodesComposition = {}));
 /* *
  *