highcharts 10.2.1 → 10.3.1

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

@@ -199,33 +199,36 @@ var Legend = /** @class */ (function () {
      * Make events official: Fires the event `afterColorizeItem`.
      */
     Legend.prototype.colorizeItem = function (item, visible) {
-        item.legendGroup[visible ? 'removeClass' : 'addClass']('highcharts-legend-item-hidden');
+        var _a = item.legendItem || {}, group = _a.group, label = _a.label, line = _a.line, symbol = _a.symbol;
+        if (group) {
+            group[visible ? 'removeClass' : 'addClass']('highcharts-legend-item-hidden');
+        }
         if (!this.chart.styledMode) {
-            var legend = this, options = legend.options, legendItem = item.legendItem, legendLine = item.legendLine, legendSymbol = item.legendSymbol, hiddenColor = legend.itemHiddenStyle.color, textColor = visible ?
+            var legend = this, options = legend.options, hiddenColor = legend.itemHiddenStyle.color, textColor = visible ?
                 options.itemStyle.color :
                 hiddenColor, symbolColor = visible ?
                 (item.color || hiddenColor) :
                 hiddenColor, markerOptions = item.options && item.options.marker;
             var symbolAttr = { fill: symbolColor };
-            if (legendItem) {
-                legendItem.css({
+            if (label) {
+                label.css({
                     fill: textColor,
                     color: textColor // #1553, oldIE
                 });
             }
-            if (legendLine) {
-                legendLine.attr({ stroke: symbolColor });
+            if (line) {
+                line.attr({ stroke: symbolColor });
             }
-            if (legendSymbol) {
+            if (symbol) {
                 // Apply marker options
-                if (markerOptions && legendSymbol.isMarker) { // #585
+                if (markerOptions && symbol.isMarker) { // #585
                     symbolAttr = item.pointAttribs();
                     if (!visible) {
                         // #6769
                         symbolAttr.stroke = symbolAttr.fill = hiddenColor;
                     }
                 }
-                legendSymbol.attr(symbolAttr);
+                symbol.attr(symbolAttr);
             }
         }
         fireEvent(this, 'afterColorizeItem', { item: item, visible: visible });
@@ -252,28 +255,22 @@ var Legend = /** @class */ (function () {
      */
     Legend.prototype.positionItem = function (item) {
         var _this = this;
-        var legend = this, options = legend.options, symbolPadding = options.symbolPadding, ltr = !options.rtl, legendItemPos = item._legendItemPos, itemX = legendItemPos[0], itemY = legendItemPos[1], checkbox = item.checkbox, legendGroup = item.legendGroup;
-        if (legendGroup && legendGroup.element) {
+        var legend = this, _a = item.legendItem || {}, group = _a.group, _b = _a.x, x = _b === void 0 ? 0 : _b, _c = _a.y, y = _c === void 0 ? 0 : _c, options = legend.options, symbolPadding = options.symbolPadding, ltr = !options.rtl, checkbox = item.checkbox;
+        if (group && group.element) {
             var attribs = {
                 translateX: ltr ?
-                    itemX :
-                    legend.legendWidth - itemX - 2 * symbolPadding - 4,
-                translateY: itemY
+                    x :
+                    legend.legendWidth - x - 2 * symbolPadding - 4,
+                translateY: y
             };
             var complete = function () {
                 fireEvent(_this, 'afterPositionItem', { item: item });
             };
-            if (defined(legendGroup.translateY)) {
-                legendGroup.animate(attribs, void 0, complete);
-            }
-            else {
-                legendGroup.attr(attribs);
-                complete();
-            }
+            group[defined(group.translateY) ? 'animate' : 'attr'](attribs, void 0, complete);
         }
         if (checkbox) {
-            checkbox.x = itemX;
-            checkbox.y = itemY;
+            checkbox.x = x;
+            checkbox.y = y;
         }
     };
     /**
@@ -285,16 +282,18 @@ var Legend = /** @class */ (function () {
      * The item to remove
      */
     Legend.prototype.destroyItem = function (item) {
-        var checkbox = item.checkbox;
+        var checkbox = item.checkbox, legendItem = item.legendItem || {};
         // destroy SVG elements
-        ['legendItem', 'legendLine', 'legendSymbol', 'legendGroup'].forEach(function (key) {
-            if (item[key]) {
-                item[key] = item[key].destroy();
+        for (var _i = 0, _a = ['group', 'label', 'line', 'symbol']; _i < _a.length; _i++) {
+            var key = _a[_i];
+            if (legendItem[key]) {
+                legendItem[key] = legendItem[key].destroy();
             }
-        });
+        }
         if (checkbox) {
-            discardElement(item.checkbox);
+            discardElement(checkbox);
         }
+        item.legendItem = void 0;
     };
     /**
      * Destroy the legend. Used internally. To reflow objects, `chart.redraw`
@@ -304,21 +303,14 @@ var Legend = /** @class */ (function () {
      * @function Highcharts.Legend#destroy
      */
     Legend.prototype.destroy = function () {
-        /**
-         * @private
-         * @param {string} key
-             */
-        function destroyItems(key) {
-            if (this[key]) {
-                this[key] = this[key].destroy();
-            }
-        }
+        var legend = this;
         // Destroy items
-        this.getAllItems().forEach(function (item) {
-            ['legendItem', 'legendGroup'].forEach(destroyItems, item);
-        });
+        for (var _i = 0, _a = this.getAllItems(); _i < _a.length; _i++) {
+            var item = _a[_i];
+            this.destroyItem(item);
+        }
         // Destroy legend elements
-        [
+        for (var _b = 0, _c = [
             'clipRect',
             'up',
             'down',
@@ -327,7 +319,12 @@ var Legend = /** @class */ (function () {
             'box',
             'title',
             'group'
-        ].forEach(destroyItems, this);
+        ]; _b < _c.length; _b++) {
+            var key = _c[_b];
+            if (legend[key]) {
+                legend[key] = legend[key].destroy();
+            }
+        }
         this.display = null; // Reset in .render on update.
     };
     /**
@@ -407,7 +404,7 @@ var Legend = /** @class */ (function () {
      */
     Legend.prototype.setText = function (item) {
         var options = this.options;
-        item.legendItem.attr({
+        item.legendItem.label.attr({
             text: options.labelFormat ?
                 format(options.labelFormat, item, this.chart) :
                 options.labelFormatter.call(item)
@@ -423,19 +420,19 @@ var Legend = /** @class */ (function () {
      * The item to render.
      */
     Legend.prototype.renderItem = function (item) {
-        var legend = this, chart = legend.chart, renderer = chart.renderer, options = legend.options, horizontal = options.layout === 'horizontal', symbolWidth = legend.symbolWidth, symbolPadding = options.symbolPadding || 0, itemStyle = legend.itemStyle, itemHiddenStyle = legend.itemHiddenStyle, itemDistance = horizontal ? pick(options.itemDistance, 20) : 0, ltr = !options.rtl, isSeries = !item.series, series = !isSeries && item.series.drawLegendSymbol ?
+        var legend = this, legendItem = item.legendItem = item.legendItem || {}, chart = legend.chart, renderer = chart.renderer, options = legend.options, horizontal = options.layout === 'horizontal', symbolWidth = legend.symbolWidth, symbolPadding = options.symbolPadding || 0, itemStyle = legend.itemStyle, itemHiddenStyle = legend.itemHiddenStyle, itemDistance = horizontal ? pick(options.itemDistance, 20) : 0, ltr = !options.rtl, isSeries = !item.series, series = !isSeries && item.series.drawLegendSymbol ?
             item.series :
             item, seriesOptions = series.options, showCheckbox = (legend.createCheckboxForItem) &&
             seriesOptions &&
             seriesOptions.showCheckbox, useHTML = options.useHTML, itemClassName = item.options.className;
-        var li = item.legendItem, 
+        var label = legendItem.label, 
         // full width minus text width
         itemExtraWidth = symbolWidth + symbolPadding +
             itemDistance + (showCheckbox ? 20 : 0);
-        if (!li) { // generate it once, later move it
+        if (!label) { // generate it once, later move it
             // Generate the group box, a group to hold the symbol and text. Text
             // is to be appended in Legend class.
-            item.legendGroup = renderer
+            legendItem.group = renderer
                 .g('legend-item')
                 .addClass('highcharts-' + series.type + '-series ' +
                 'highcharts-color-' + item.colorIndex +
@@ -446,28 +443,28 @@ var Legend = /** @class */ (function () {
                 .attr({ zIndex: 1 })
                 .add(legend.scrollGroup);
             // Generate the list item text and add it to the group
-            item.legendItem = li = renderer.text('', ltr ?
+            legendItem.label = label = renderer.text('', ltr ?
                 symbolWidth + symbolPadding :
                 -symbolPadding, legend.baseline || 0, useHTML);
             if (!chart.styledMode) {
                 // merge to prevent modifying original (#1021)
-                li.css(merge(item.visible ?
+                label.css(merge(item.visible ?
                     itemStyle :
                     itemHiddenStyle));
             }
-            li
+            label
                 .attr({
                 align: ltr ? 'left' : 'right',
                 zIndex: 2
             })
-                .add(item.legendGroup);
+                .add(legendItem.group);
             // Get the baseline for the first item - the font size is equal for
             // all
             if (!legend.baseline) {
-                legend.fontMetrics = renderer.fontMetrics(chart.styledMode ? 12 : itemStyle.fontSize, li);
+                legend.fontMetrics = renderer.fontMetrics(chart.styledMode ? 12 : itemStyle.fontSize, label);
                 legend.baseline =
                     legend.fontMetrics.f + 3 + legend.itemMarginTop;
-                li.attr('y', legend.baseline);
+                label.attr('y', legend.baseline);
                 legend.symbolHeight =
                     options.symbolHeight || legend.fontMetrics.f;
                 if (options.squareSymbol) {
@@ -475,14 +472,14 @@ var Legend = /** @class */ (function () {
                     itemExtraWidth = legend.symbolWidth + symbolPadding +
                         itemDistance + (showCheckbox ? 20 : 0);
                     if (ltr) {
-                        li.attr('x', legend.symbolWidth + symbolPadding);
+                        label.attr('x', legend.symbolWidth + symbolPadding);
                     }
                 }
             }
             // Draw the legend symbol inside the group box
             series.drawLegendSymbol(legend, item);
             if (legend.setItemEvents) {
-                legend.setItemEvents(item, li, useHTML);
+                legend.setItemEvents(item, label, useHTML);
             }
         }
         // Add the HTML checkbox on top
@@ -493,7 +490,7 @@ var Legend = /** @class */ (function () {
         legend.colorizeItem(item, item.visible);
         // Take care of max width and text overflow (#6659)
         if (chart.styledMode || !itemStyle.width) {
-            li.css({
+            label.css({
                 width: ((options.itemWidth ||
                     legend.widthOption ||
                     chart.spacingBox.width) - itemExtraWidth) + 'px'
@@ -502,15 +499,15 @@ var Legend = /** @class */ (function () {
         // Always update the text
         legend.setText(item);
         // calculate the positions for the next line
-        var bBox = li.getBBox();
+        var bBox = label.getBBox();
         var fontMetricsH = (legend.fontMetrics && legend.fontMetrics.h) || 0;
         item.itemWidth = item.checkboxOffset =
             options.itemWidth ||
-                item.legendItemWidth ||
+                legendItem.labelWidth ||
                 bBox.width + itemExtraWidth;
         legend.maxItemWidth = Math.max(legend.maxItemWidth, item.itemWidth);
         legend.totalItemWidth += item.itemWidth;
-        legend.itemHeight = item.itemHeight = Math.round(item.legendItemHeight ||
+        legend.itemHeight = item.itemHeight = Math.round(legendItem.labelHeight ||
             // use bBox for multiline (#16398)
             (bBox.height > fontMetricsH * 1.5 ? bBox.height : fontMetricsH));
     };
@@ -526,7 +523,7 @@ var Legend = /** @class */ (function () {
         var options = this.options, padding = this.padding, horizontal = options.layout === 'horizontal', itemHeight = item.itemHeight, itemMarginBottom = this.itemMarginBottom, itemMarginTop = this.itemMarginTop, itemDistance = horizontal ? pick(options.itemDistance, 20) : 0, maxLegendWidth = this.maxLegendWidth, itemWidth = (options.alignColumns &&
             this.totalItemWidth > maxLegendWidth) ?
             this.maxItemWidth :
-            item.itemWidth;
+            item.itemWidth, legendItem = item.legendItem || {};
         // If the item exceeds the width, start a new line
         if (horizontal &&
             this.itemX - padding + itemWidth > maxLegendWidth) {
@@ -543,7 +540,8 @@ var Legend = /** @class */ (function () {
         this.lastLineHeight = Math.max(// #915
         itemHeight, this.lastLineHeight);
         // cache the position of the newly generated or reordered items
-        item._legendItemPos = [this.itemX, this.itemY];
+        legendItem.x = this.itemX;
+        legendItem.y = this.itemY;
         // advance
         if (horizontal) {
             this.itemX += itemWidth;
@@ -579,7 +577,7 @@ var Legend = /** @class */ (function () {
             if (series && pick(seriesOptions.showInLegend, !defined(seriesOptions.linkedTo) ? void 0 : false, true)) {
                 // Use points or series for the legend item depending on
                 // legendType
-                allItems = allItems.concat(series.legendItems ||
+                allItems = allItems.concat((series.legendItem || {}).labels ||
                     (seriesOptions.legendType === 'point' ?
                         series.data :
                         series));
@@ -658,7 +656,7 @@ var Legend = /** @class */ (function () {
                     });
                 }
                 height = this.itemMarginTop +
-                    item.legendItem.getBBox().height +
+                    item.legendItem.label.getBBox().height +
                     this.itemMarginBottom;
                 top = item.yAxis.top - chart.plotTop;
                 if (item.visible) {
@@ -677,12 +675,14 @@ var Legend = /** @class */ (function () {
                 });
             }
         }, this);
-        distribute(boxes, chart.plotHeight).forEach(function (box) {
-            if (box.item._legendItemPos && box.pos) {
-                box.item._legendItemPos[1] =
-                    chart.plotTop - chart.spacing[0] + box.pos;
+        var legendItem;
+        for (var _i = 0, _a = distribute(boxes, chart.plotHeight); _i < _a.length; _i++) {
+            var box = _a[_i];
+            legendItem = box.item.legendItem || {};
+            if (box.pos) {
+                legendItem.y = chart.plotTop - chart.spacing[0] + box.pos;
             }
-        });
+        }
     };
     /**
      * Render the legend. This method can be called both before and after
@@ -717,14 +717,17 @@ var Legend = /** @class */ (function () {
              * @name Highcharts.Legend#group
              * @type {Highcharts.SVGElement}
              */
-            legend.group = legendGroup = renderer.g('legend')
+            legend.group = legendGroup = renderer
+                .g('legend')
                 .addClass(options.className || '')
                 .attr({ zIndex: 7 })
                 .add();
-            legend.contentGroup = renderer.g()
+            legend.contentGroup = renderer
+                .g()
                 .attr({ zIndex: 1 }) // above background
                 .add(legendGroup);
-            legend.scrollGroup = renderer.g()
+            legend.scrollGroup = renderer
+                .g()
                 .add(legend.contentGroup);
         }
         legend.renderTitle();
@@ -882,7 +885,7 @@ var Legend = /** @class */ (function () {
             }
             return legend[key];
         };
-        var clipHeight, lastY, spaceHeight = (chart.spacingBox.height +
+        var clipHeight, lastY, legendItem, spaceHeight = (chart.spacingBox.height +
             (alignTop ? -optionsY : optionsY) - padding), nav = this.nav, clipRect = this.clipRect;
         // Adjust the height
         if (options.layout === 'horizontal' &&
@@ -906,7 +909,8 @@ var Legend = /** @class */ (function () {
             // Fill pages with Y positions so that the top of each a legend item
             // defines the scroll top for each page (#2098)
             allItems.forEach(function (item, i) {
-                var y = item._legendItemPos[1], h = Math.round(item.legendItem.getBBox().height);
+                legendItem = item.legendItem || {};
+                var y = legendItem.y || 0, h = Math.round(legendItem.label.getBBox().height);
                 var len = pages.length;
                 if (!len || (y - pages[len - 1] > clipHeight &&
                     (lastY || y) !== pages[len - 1])) {
@@ -914,9 +918,9 @@ var Legend = /** @class */ (function () {
                     len++;
                 }
                 // Keep track of which page each item is on
-                item.pageIx = len - 1;
+                legendItem.pageIx = len - 1;
                 if (lastY) {
-                    allItems[i - 1].pageIx = len - 1;
+                    (allItems[i - 1].legendItem || {}).pageIx = len - 1;
                 }
                 // add the last page if needed (#2617, #13683)
                 if (
@@ -927,7 +931,7 @@ var Legend = /** @class */ (function () {
                     // and will fully fit inside a new page
                     h <= clipHeight) {
                     pages.push(y);
-                    item.pageIx = len;
+                    legendItem.pageIx = len;
                 }
                 if (y !== lastY) {
                     lastY = y;
@@ -1072,19 +1076,19 @@ var Legend = /** @class */ (function () {
      * @private
      * @function Highcharts.Legend#setItemEvents
      * @param {Highcharts.BubbleLegendItem|Point|Highcharts.Series} item
-     * @param {Highcharts.SVGElement} legendItem
+     * @param {Highcharts.SVGElement} legendLabel
      * @param {boolean} [useHTML=false]
      * @emits Highcharts.Point#event:legendItemClick
      * @emits Highcharts.Series#event:legendItemClick
      */
-    Legend.prototype.setItemEvents = function (item, legendItem, useHTML) {
-        var legend = this, boxWrapper = legend.chart.renderer.boxWrapper, isPoint = item instanceof Point, activeClass = 'highcharts-legend-' +
+    Legend.prototype.setItemEvents = function (item, legendLabel, useHTML) {
+        var legend = this, legendItem = item.legendItem || {}, boxWrapper = legend.chart.renderer.boxWrapper, isPoint = item instanceof Point, activeClass = 'highcharts-legend-' +
             (isPoint ? 'point' : 'series') + '-active', styledMode = legend.chart.styledMode, 
         // When `useHTML`, the symbol is rendered in other group, so
         // we need to apply events listeners to both places
-        legendItems = useHTML ?
-            [legendItem, item.legendSymbol] :
-            [item.legendGroup];
+        legendElements = useHTML ?
+            [legendLabel, legendItem.symbol] :
+            [legendItem.group];
         var setOtherItemsState = function (state) {
             legend.allItems.forEach(function (otherItem) {
                 if (item !== otherItem) {
@@ -1098,7 +1102,8 @@ var Legend = /** @class */ (function () {
         };
         // Set the events on the item group, or in case of useHTML, the item
         // itself (#1249)
-        legendItems.forEach(function (element) {
+        for (var _i = 0, legendElements_1 = legendElements; _i < legendElements_1.length; _i++) {
+            var element = legendElements_1[_i];
             if (element) {
                 element
                     .on('mouseover', function () {
@@ -1113,12 +1118,12 @@ var Legend = /** @class */ (function () {
                         boxWrapper.addClass(activeClass);
                     }
                     if (!styledMode) {
-                        legendItem.css(legend.options.itemHoverStyle);
+                        legendLabel.css(legend.options.itemHoverStyle);
                     }
                 })
                     .on('mouseout', function () {
                     if (!legend.chart.styledMode) {
-                        legendItem.css(merge(item.visible ?
+                        legendLabel.css(merge(item.visible ?
                             legend.itemStyle :
                             legend.itemHiddenStyle));
                     }
@@ -1153,7 +1158,7 @@ var Legend = /** @class */ (function () {
                     }
                 });
             }
-        });
+        }
     };
     /**
      * @private
@@ -1181,29 +1186,6 @@ var Legend = /** @class */ (function () {
     };
     return Legend;
 }());
-// Workaround for #2030, horizontal legend items not displaying in IE11 Preview,
-// and for #2580, a similar drawing flaw in Firefox 26.
-// Explore if there's a general cause for this. The problem may be related
-// to nested group elements, as the legend item texts are within 4 group
-// elements.
-if (/Trident\/7\.0/.test(win.navigator && win.navigator.userAgent) ||
-    isFirefox) {
-    wrap(Legend.prototype, 'positionItem', function (proceed, item) {
-        var legend = this, 
-        // If chart destroyed in sync, this is undefined (#2030)
-        runPositionItem = function () {
-            if (item._legendItemPos) {
-                proceed.call(legend, item);
-            }
-        };
-        // Do it now, for export and to get checkbox placement
-        runPositionItem();
-        // Do it after to work around the core issue
-        if (!legend.bubbleLegend) {
-            setTimeout(runPositionItem);
-        }
-    });
-}
 /* *
  *
  *  Default Export
@@ -1215,6 +1197,18 @@ export default Legend;
  *  API Declarations
  *
  * */
+/**
+ * @interface Highcharts.LegendItemObject
+ */ /**
+* @name Highcharts.LegendItemObject#item
+* @type {Highcharts.SVGElement|undefined}
+*/ /**
+* @name Highcharts.LegendItemObject#line
+* @type {Highcharts.SVGElement|undefined}
+*/ /**
+* @name Highcharts.LegendItemObject#symbol
+* @type {Highcharts.SVGElement|undefined}
+*/
 /**
  * Gets fired when the legend item belonging to a point is clicked. The default
  * action is to toggle the visibility of the point. This can be prevented by
@@ -1249,6 +1243,16 @@ export default Legend;
 * @name Highcharts.PointLegendItemClickEventObject#type
 * @type {"legendItemClick"}
 */
+/**
+ * Series color as used by the legend and some series types.
+ * @name Highcharts.Series#color
+ * @type {Highcharts.ColorType|undefined}
+ */ /**
+* Legend data for the series.
+* @name Highcharts.Series#legendItem
+* @type {Highcharts.LegendItemObject|undefined}
+* @since 10.3.0
+*/
 /**
  * Gets fired when the legend item belonging to a series is clicked. The default
  * action is to toggle the visibility of the series. This can be prevented by

package/es-modules/Core/Legend/LegendSymbol.js

@@ -36,7 +36,7 @@ var LegendSymbol;
      * The legend object.
      */
     function drawLineMarker(legend) {
-        var options = this.options, symbolWidth = legend.symbolWidth, symbolHeight = legend.symbolHeight, generalRadius = symbolHeight / 2, renderer = this.chart.renderer, legendItemGroup = this.legendGroup, verticalCenter = legend.baseline -
+        var legendItem = this.legendItem = this.legendItem || {}, options = this.options, symbolWidth = legend.symbolWidth, symbolHeight = legend.symbolHeight, generalRadius = symbolHeight / 2, renderer = this.chart.renderer, legendItemGroup = legendItem.group, verticalCenter = legend.baseline -
             Math.round(legend.fontMetrics.b * 0.3);
         var attr = {}, legendSymbol, markerOptions = options.marker;
         // Draw the line
@@ -48,7 +48,7 @@ var LegendSymbol;
                 attr.dashstyle = options.dashStyle;
             }
         }
-        this.legendLine = renderer
+        legendItem.line = renderer
             .path([
             ['M', 0, verticalCenter],
             ['L', symbolWidth, verticalCenter]
@@ -68,7 +68,8 @@ var LegendSymbol;
                 });
                 radius = 0;
             }
-            this.legendSymbol = legendSymbol = renderer.symbol(this.symbol, (symbolWidth / 2) - radius, verticalCenter - radius, 2 * radius, 2 * radius, markerOptions)
+            legendItem.symbol = legendSymbol = renderer
+                .symbol(this.symbol, (symbolWidth / 2) - radius, verticalCenter - radius, 2 * radius, 2 * radius, markerOptions)
                 .addClass('highcharts-point')
                 .add(legendItemGroup);
             legendSymbol.isMarker = true;
@@ -91,13 +92,15 @@ var LegendSymbol;
      * The series (this) or point
      */
     function drawRectangle(legend, item) {
-        var options = legend.options, symbolHeight = legend.symbolHeight, square = options.squareSymbol, symbolWidth = square ? symbolHeight : legend.symbolWidth;
-        item.legendSymbol = this.chart.renderer.rect(square ? (legend.symbolWidth - symbolHeight) / 2 : 0, legend.baseline - symbolHeight + 1, // #3988
+        var legendItem = item.legendItem || {}, options = legend.options, symbolHeight = legend.symbolHeight, square = options.squareSymbol, symbolWidth = square ? symbolHeight : legend.symbolWidth;
+        legendItem.symbol = this.chart.renderer
+            .rect(square ? (legend.symbolWidth - symbolHeight) / 2 : 0, legend.baseline - symbolHeight + 1, // #3988
         symbolWidth, symbolHeight, pick(legend.options.symbolRadius, symbolHeight / 2))
             .addClass('highcharts-point')
             .attr({
             zIndex: 3
-        }).add(item.legendGroup);
+        })
+            .add(legendItem.group);
     }
     LegendSymbol.drawRectangle = drawRectangle;
 })(LegendSymbol || (LegendSymbol = {}));

package/es-modules/Core/MSPointer.js

@@ -27,7 +27,7 @@ import H from './Globals.js';
 var charts = H.charts, doc = H.doc, noop = H.noop, win = H.win;
 import Pointer from './Pointer.js';
 import U from './Utilities.js';
-var addEvent = U.addEvent, css = U.css, objectEach = U.objectEach, removeEvent = U.removeEvent;
+var addEvent = U.addEvent, css = U.css, objectEach = U.objectEach, pick = U.pick, removeEvent = U.removeEvent;
 /* *
  *
  *  Constants
@@ -157,8 +157,10 @@ var MSPointer = /** @class */ (function (_super) {
     };
     // Add IE specific touch events to chart
     MSPointer.prototype.setDOMEvents = function () {
+        var tooltip = this.chart.tooltip;
         _super.prototype.setDOMEvents.call(this);
-        if (this.hasZoom || this.followTouchMove) {
+        if (this.hasZoom ||
+            pick((tooltip && tooltip.options.followTouchMove), true)) {
             this.batchMSEvents(addEvent);
         }
     };