highcharts 10.0.0 → 10.2.1

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

@@ -17,28 +17,11 @@ import H from '../../Core/Globals.js';
 var noop = H.noop;
 import U from '../../Core/Utilities.js';
 var arrayMax = U.arrayMax, arrayMin = U.arrayMin, isNumber = U.isNumber, merge = U.merge, pick = U.pick, stableSort = U.stableSort;
-/**
- * @interface Highcharts.BubbleLegendFormatterContextObject
- */ /**
-* The center y position of the range.
-* @name Highcharts.BubbleLegendFormatterContextObject#center
-* @type {number}
-*/ /**
-* The radius of the bubble range.
-* @name Highcharts.BubbleLegendFormatterContextObject#radius
-* @type {number}
-*/ /**
-* The bubble value.
-* @name Highcharts.BubbleLegendFormatterContextObject#value
-* @type {number}
-*/
-''; // detach doclets above
 /* *
  *
  *  Class
  *
  * */
-/* eslint-disable no-invalid-this, valid-jsdoc */
 /**
  * BubbleLegend class.
  *
@@ -52,7 +35,17 @@ var arrayMax = U.arrayMax, arrayMin = U.arrayMin, isNumber = U.isNumber, merge =
  * Legend of item.
  */
 var BubbleLegendItem = /** @class */ (function () {
+    /* *
+     *
+     *  Constructor
+     *
+     * */
     function BubbleLegendItem(options, legend) {
+        /* *
+         *
+         *  Properties
+         *
+         * */
         this.chart = void 0;
         this.fontMetrics = void 0;
         this.legend = void 0;
@@ -71,15 +64,14 @@ var BubbleLegendItem = /** @class */ (function () {
         this.setState = noop;
         this.init(options, legend);
     }
+    /* *
+     *
+     *  Functions
+     *
+     * */
     /**
      * Create basic bubbleLegend properties similar to item in legend.
-     *
      * @private
-     * @function Highcharts.BubbleLegend#init
-     * @param {Highcharts.LegendBubbleLegendOptions} options
-     *        Bubble legend options
-     * @param {Highcharts.Legend} legend
-     *        Legend
      */
     BubbleLegendItem.prototype.init = function (options, legend) {
         this.options = options;
@@ -91,9 +83,9 @@ var BubbleLegendItem = /** @class */ (function () {
      * Depending on the position option, add bubbleLegend to legend items.
      *
      * @private
-     * @function Highcharts.BubbleLegend#addToLegend
+     *
      * @param {Array<(Highcharts.Point|Highcharts.Series)>} items
-     * All legend items
+     *        All legend items
      */
     BubbleLegendItem.prototype.addToLegend = function (items) {
         // Insert bubbleLegend into legend items
@@ -104,7 +96,7 @@ var BubbleLegendItem = /** @class */ (function () {
      * creation.
      *
      * @private
-     * @function Highcharts.BubbleLegend#drawLegendSymbol
+     *
      * @param {Highcharts.Legend} legend
      *        Legend instance
      */
@@ -140,9 +132,7 @@ var BubbleLegendItem = /** @class */ (function () {
     };
     /**
      * Set style options for each bubbleLegend range.
-     *
      * @private
-     * @function Highcharts.BubbleLegend#setOptions
      */
     BubbleLegendItem.prototype.setOptions = function () {
         var ranges = this.ranges, options = this.options, series = this.chart.series[options.seriesIndex], baseline = this.legend.baseline, bubbleAttribs = {
@@ -186,9 +176,10 @@ var BubbleLegendItem = /** @class */ (function () {
      * used code from BubbleSeries.js 'getRadius' method.
      *
      * @private
-     * @function Highcharts.BubbleLegend#getRangeRadius
+     *
      * @param {number} value
      *        Range value
+     *
      * @return {number|null}
      *         Radius for one range
      */
@@ -198,9 +189,7 @@ var BubbleLegendItem = /** @class */ (function () {
     };
     /**
      * Render the legendSymbol group.
-     *
      * @private
-     * @function Highcharts.BubbleLegend#render
      */
     BubbleLegendItem.prototype.render = function () {
         var renderer = this.chart.renderer, zThreshold = this.options.zThreshold;
@@ -231,7 +220,7 @@ var BubbleLegendItem = /** @class */ (function () {
      * Render one range, consisting of bubble symbol, connector and label.
      *
      * @private
-     * @function Highcharts.BubbleLegend#renderRange
+     *
      * @param {Highcharts.LegendBubbleLegendRangesOptions} range
      *        Range options
      */
@@ -288,9 +277,7 @@ var BubbleLegendItem = /** @class */ (function () {
     };
     /**
      * Get the label which takes up the most space.
-     *
      * @private
-     * @function Highcharts.BubbleLegend#getMaxLabelSize
      */
     BubbleLegendItem.prototype.getMaxLabelSize = function () {
         var labels = this.symbols.labels;
@@ -311,9 +298,10 @@ var BubbleLegendItem = /** @class */ (function () {
      * Get formatted label for range.
      *
      * @private
-     * @function Highcharts.BubbleLegend#formatLabel
+     *
      * @param {Highcharts.LegendBubbleLegendRangesOptions} range
      *        Range options
+     *
      * @return {string}
      *         Range label text
      */
@@ -327,9 +315,7 @@ var BubbleLegendItem = /** @class */ (function () {
     /**
      * By using default chart 'hideOverlappingLabels' method, hide or show
      * labels and connectors.
-     *
      * @private
-     * @function Highcharts.BubbleLegend#hideOverlappingLabels
      */
     BubbleLegendItem.prototype.hideOverlappingLabels = function () {
         var chart = this.chart, allowOverlap = this.options.labels.allowOverlap, symbols = this.symbols;
@@ -350,7 +336,7 @@ var BubbleLegendItem = /** @class */ (function () {
      * Calculate ranges from created series.
      *
      * @private
-     * @function Highcharts.BubbleLegend#getRanges
+     *
      * @return {Array<Highcharts.LegendBubbleLegendRangesOptions>}
      *         Array of range objects
      */
@@ -397,7 +383,7 @@ var BubbleLegendItem = /** @class */ (function () {
      * Calculate bubble legend sizes from rendered series.
      *
      * @private
-     * @function Highcharts.BubbleLegend#predictBubbleSizes
+     *
      * @return {Array<number,number>}
      *         Calculated min and max bubble sizes
      */
@@ -424,11 +410,7 @@ var BubbleLegendItem = /** @class */ (function () {
     };
     /**
      * Correct ranges with calculated sizes.
-     *
      * @private
-     * @function Highcharts.BubbleLegend#updateRanges
-     * @param {number} min
-     * @param {number} max
      */
     BubbleLegendItem.prototype.updateRanges = function (min, max) {
         var bubbleLegendOptions = this.legend.options.bubbleLegend;
@@ -440,9 +422,7 @@ var BubbleLegendItem = /** @class */ (function () {
      * Because of the possibility of creating another legend line, predicted
      * bubble legend sizes may differ by a few pixels, so it is necessary to
      * correct them.
-     *
      * @private
-     * @function Highcharts.BubbleLegend#correctSizes
      */
     BubbleLegendItem.prototype.correctSizes = function () {
         var legend = this.legend, chart = this.chart, bubbleSeries = chart.series[this.options.seriesIndex], pxSizes = bubbleSeries.getPxExtremes(), bubbleSeriesSize = pxSizes.maxPxSize, bubbleLegendSize = this.options.maxSize;
@@ -460,3 +440,24 @@ var BubbleLegendItem = /** @class */ (function () {
  *
  * */
 export default BubbleLegendItem;
+/* *
+ *
+ *  API Declarations
+ *
+ * */
+/**
+ * @interface Highcharts.BubbleLegendFormatterContextObject
+ */ /**
+* The center y position of the range.
+* @name Highcharts.BubbleLegendFormatterContextObject#center
+* @type {number}
+*/ /**
+* The radius of the bubble range.
+* @name Highcharts.BubbleLegendFormatterContextObject#radius
+* @type {number}
+*/ /**
+* The bubble value.
+* @name Highcharts.BubbleLegendFormatterContextObject#value
+* @type {number}
+*/
+''; // detach doclets above

package/es-modules/Series/Bubble/BubblePoint.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 __());

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

@@ -12,30 +12,90 @@ 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 __());
     };
 })();
-import Axis from '../../Core/Axis/Axis.js';
 import BubbleLegendComposition from './BubbleLegendComposition.js';
 import BubblePoint from './BubblePoint.js';
 import Color from '../../Core/Color/Color.js';
 var color = Color.parse;
 import H from '../../Core/Globals.js';
 var noop = H.noop;
-import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
-var _a = SeriesRegistry.seriesTypes, ColumnSeries = _a.column, ScatterSeries = _a.scatter;
+var Series = SeriesRegistry.series, _a = SeriesRegistry.seriesTypes, columnProto = _a.column.prototype, ScatterSeries = _a.scatter;
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, merge = U.merge, pick = U.pick;
-import '../Column/ColumnSeries.js';
-import '../Scatter/ScatterSeries.js';
-import './BubbleLegendItem.js';
+/* *
+ *
+ *  Constants
+ *
+ * */
+var composedClasses = [];
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * Add logic to pad each axis with the amount of pixels necessary to avoid the
+ * bubbles to overflow.
+ */
+function axisBeforePadding() {
+    var _this = this;
+    var axisLength = this.len, chart = this.chart, isXAxis = this.isXAxis, dataKey = isXAxis ? 'xData' : 'yData', min = this.min, range = this.max - min;
+    var pxMin = 0, pxMax = axisLength, transA = axisLength / range, hasActiveSeries;
+    // Handle padding on the second pass, or on redraw
+    this.series.forEach(function (series) {
+        if (series.bubblePadding &&
+            (series.visible || !chart.options.chart.ignoreHiddenSeries)) {
+            // Correction for #1673
+            _this.allowZoomOutside = true;
+            hasActiveSeries = true;
+            var data = series[dataKey];
+            if (isXAxis) {
+                (series.onPoint || series).getRadii(0, 0, series);
+                if (series.onPoint) {
+                    series.radii = series.onPoint.radii;
+                }
+            }
+            if (range > 0) {
+                var i = data.length;
+                while (i--) {
+                    if (isNumber(data[i]) &&
+                        _this.dataMin <= data[i] &&
+                        data[i] <= _this.max) {
+                        var radius = series.radii && series.radii[i] || 0;
+                        pxMin = Math.min(((data[i] - min) * transA) - radius, pxMin);
+                        pxMax = Math.max(((data[i] - min) * transA) + radius, pxMax);
+                    }
+                }
+            }
+        }
+    });
+    // Apply the padding to the min and max properties
+    if (hasActiveSeries && range > 0 && !this.logarithmic) {
+        pxMax -= axisLength;
+        transA *= (axisLength +
+            Math.max(0, pxMin) - // #8901
+            Math.min(pxMax, axisLength)) / axisLength;
+        [
+            ['min', 'userMin', pxMin],
+            ['max', 'userMax', pxMax]
+        ].forEach(function (keys) {
+            if (typeof pick(_this.options[keys[0]], _this[keys[1]]) === 'undefined') {
+                _this[keys[0]] += keys[2] / transA;
+            }
+        });
+    }
+}
 /* *
  *
  *  Class
@@ -64,14 +124,24 @@ var BubbleSeries = /** @class */ (function (_super) {
         _this.yData = void 0;
         _this.zData = void 0;
         return _this;
-        /* eslint-enable valid-jsdoc */
     }
+    /* *
+     *
+     *  Static Functions
+     *
+     * */
+    BubbleSeries.compose = function (AxisClass, ChartClass, LegendClass, SeriesClass) {
+        BubbleLegendComposition.compose(ChartClass, LegendClass, SeriesClass);
+        if (composedClasses.indexOf(AxisClass) === -1) {
+            composedClasses.push(AxisClass);
+            AxisClass.prototype.beforePadding = axisBeforePadding;
+        }
+    };
     /* *
      *
      *  Functions
      *
      * */
-    /* eslint-disable valid-jsdoc */
     /**
      * Perform animation on the bubbles
      * @private
@@ -106,7 +176,8 @@ var BubbleSeries = /** @class */ (function (_super) {
      */
     BubbleSeries.prototype.getRadii = function () {
         var _this = this;
-        var len, i, zData = this.zData, yData = this.yData, radii = [], value, zExtremes = this.chart.bubbleZExtremes;
+        var zData = this.zData, yData = this.yData, radii = [];
+        var len, i, value, zExtremes = this.chart.bubbleZExtremes;
         var _a = this.getPxExtremes(), minPxSize = _a.minPxSize, maxPxSize = _a.maxPxSize;
         // Get the collective Z extremes of all bubblish series. The chart-level
         // `bubbleZExtremes` are only computed once, and reset on `updatedData`
@@ -118,7 +189,7 @@ var BubbleSeries = /** @class */ (function (_super) {
             this.chart.series.forEach(function (otherSeries) {
                 if (otherSeries.bubblePadding && (otherSeries.visible ||
                     !_this.chart.options.chart.ignoreHiddenSeries)) {
-                    var zExtremes_1 = otherSeries.getZExtremes();
+                    var zExtremes_1 = (otherSeries.onPoint || otherSeries).getZExtremes();
                     if (zExtremes_1) {
                         zMin_1 = Math.min(zMin_1 || zExtremes_1.zMin, zExtremes_1.zMin);
                         zMax_1 = Math.max(zMax_1 || zExtremes_1.zMax, zExtremes_1.zMax);
@@ -138,7 +209,7 @@ var BubbleSeries = /** @class */ (function (_super) {
         for (i = 0, len = zData.length; i < len; i++) {
             value = zData[i];
             // Separate method to get individual radius for bubbleLegend
-            radii.push(this.getRadius(zExtremes.zMin, zExtremes.zMax, minPxSize, maxPxSize, value, yData[i]));
+            radii.push(this.getRadius(zExtremes.zMin, zExtremes.zMax, minPxSize, maxPxSize, value, yData && yData[i]));
         }
         this.radii = radii;
     };
@@ -147,7 +218,8 @@ var BubbleSeries = /** @class */ (function (_super) {
      * @private
      */
     BubbleSeries.prototype.getRadius = function (zMin, zMax, minSize, maxSize, value, yValue) {
-        var options = this.options, sizeByArea = options.sizeBy !== 'width', zThreshold = options.zThreshold, zRange = zMax - zMin, pos = 0.5;
+        var options = this.options, sizeByArea = options.sizeBy !== 'width', zThreshold = options.zThreshold;
+        var zRange = zMax - zMin, pos = 0.5;
         // #8608 - bubble should be visible when z is undefined
         if (yValue === null || value === null) {
             return null;
@@ -229,8 +301,12 @@ var BubbleSeries = /** @class */ (function (_super) {
                 };
             }
             else { // below zThreshold
-                // #1691
-                point.shapeArgs = point.plotY = point.dlBox = void 0;
+                point.shapeArgs = point.dlBox = void 0; // #1691
+                point.plotY = 0; // #17281
+                point.marker = {
+                    width: 0,
+                    height: 0
+                };
             }
         }
     };
@@ -262,7 +338,6 @@ var BubbleSeries = /** @class */ (function (_super) {
             }
         }
     };
-    BubbleSeries.compose = BubbleLegendComposition.compose;
     /**
      * A bubble series is a three dimensional series type where each point
      * renders an X, Y and Z value. Each points is drawn as a bubble where the
@@ -501,7 +576,7 @@ var BubbleSeries = /** @class */ (function (_super) {
     return BubbleSeries;
 }(ScatterSeries));
 extend(BubbleSeries.prototype, {
-    alignDataLabel: ColumnSeries.prototype.alignDataLabel,
+    alignDataLabel: columnProto.alignDataLabel,
     applyZones: noop,
     bubblePadding: true,
     buildKDTree: noop,
@@ -518,57 +593,10 @@ extend(BubbleSeries.prototype, {
 addEvent(BubbleSeries, 'updatedData', function (e) {
     delete e.target.chart.bubbleZExtremes;
 });
-/* *
- *
- *  Axis ?
- *
- * */
-// Add logic to pad each axis with the amount of pixels necessary to avoid the
-// bubbles to overflow.
-Axis.prototype.beforePadding = function () {
-    var axis = this, axisLength = this.len, chart = this.chart, pxMin = 0, pxMax = axisLength, isXAxis = this.isXAxis, dataKey = isXAxis ? 'xData' : 'yData', min = this.min, range = this.max - min, transA = axisLength / range, hasActiveSeries;
-    // Handle padding on the second pass, or on redraw
-    this.series.forEach(function (series) {
-        if (series.bubblePadding &&
-            (series.visible || !chart.options.chart.ignoreHiddenSeries)) {
-            // Correction for #1673
-            axis.allowZoomOutside = true;
-            hasActiveSeries = true;
-            var data = series[dataKey];
-            if (isXAxis) {
-                series.getRadii(0, 0, series);
-            }
-            if (range > 0) {
-                var i = data.length;
-                while (i--) {
-                    if (isNumber(data[i]) &&
-                        axis.dataMin <= data[i] &&
-                        data[i] <= axis.max) {
-                        var radius = series.radii && series.radii[i] || 0;
-                        pxMin = Math.min(((data[i] - min) * transA) - radius, pxMin);
-                        pxMax = Math.max(((data[i] - min) * transA) + radius, pxMax);
-                    }
-                }
-            }
-        }
-    });
-    // Apply the padding to the min and max properties
-    if (hasActiveSeries && range > 0 && !this.logarithmic) {
-        pxMax -= axisLength;
-        transA *= (axisLength +
-            Math.max(0, pxMin) - // #8901
-            Math.min(pxMax, axisLength)) / axisLength;
-        [
-            ['min', 'userMin', pxMin],
-            ['max', 'userMax', pxMax]
-        ].forEach(function (keys) {
-            if (typeof pick(axis.options[keys[0]], axis[keys[1]]) === 'undefined') {
-                axis[keys[0]] += keys[2] / transA;
-            }
-        });
-    }
-    /* eslint-enable valid-jsdoc */
-};
+// After removing series, delete the chart-level Z extremes cache, #17502.
+addEvent(BubbleSeries, 'remove', function (e) {
+    delete e.target.chart.bubbleZExtremes;
+});
 SeriesRegistry.registerSeriesType('bubble', BubbleSeries);
 /* *
  *

package/es-modules/Series/Bullet/BulletPoint.js

@@ -11,10 +11,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/Bullet/BulletSeries.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 __());
@@ -164,8 +166,7 @@ var BulletSeries = /** @class */ (function (_super) {
      * @function Highcharts.Series#getExtremes
      */
     BulletSeries.prototype.getExtremes = function (yData) {
-        var dataExtremes = _super.prototype.getExtremes.call(this, yData), series = this, targetData = series.targetData;
-        var yMax, yMin;
+        var dataExtremes = _super.prototype.getExtremes.call(this, yData), targetData = this.targetData;
         if (targetData && targetData.length) {
             var targetExtremes = _super.prototype.getExtremes.call(this, targetData);
             if (isNumber(targetExtremes.dataMin)) {

package/es-modules/Series/Candlestick/CandlestickSeries.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 __());
@@ -223,7 +225,7 @@ var CandlestickSeries = /** @class */ (function (_super) {
          * @default #000000
          * @product highstock
          */
-        lineColor: "#000000" /* neutralColor100 */,
+        lineColor: "#000000" /* Palette.neutralColor100 */,
         /**
          * The pixel width of the candlestick line/border. Defaults to `1`.
          *
@@ -249,7 +251,7 @@ var CandlestickSeries = /** @class */ (function (_super) {
          * @default #ffffff
          * @product highstock
         */
-        upColor: "#ffffff" /* backgroundColor */,
+        upColor: "#ffffff" /* Palette.backgroundColor */,
         /**
          * @product highstock
          */

package/es-modules/Series/CenteredUtilities.js

@@ -12,7 +12,7 @@ import H from '../Core/Globals.js';
 var deg2rad = H.deg2rad;
 import Series from '../Core/Series/Series.js';
 import U from '../Core/Utilities.js';
-var isNumber = U.isNumber, pick = U.pick, relativeLength = U.relativeLength;
+var fireEvent = U.fireEvent, isNumber = U.isNumber, pick = U.pick, relativeLength = U.relativeLength;
 /**
  * @private
  */
@@ -37,7 +37,7 @@ var CenteredUtilities;
      * @function Highcharts.CenteredSeriesMixin.getCenter
      */
     function getCenter() {
-        var options = this.options, chart = this.chart, slicingRoom = 2 * (options.slicedOffset || 0), plotWidth = chart.plotWidth - 2 * slicingRoom, plotHeight = chart.plotHeight - 2 * slicingRoom, centerOption = options.center, smallestSize = Math.min(plotWidth, plotHeight);
+        var options = this.options, chart = this.chart, slicingRoom = 2 * (options.slicedOffset || 0), plotWidth = chart.plotWidth - 2 * slicingRoom, plotHeight = chart.plotHeight - 2 * slicingRoom, centerOption = options.center, smallestSize = Math.min(plotWidth, plotHeight), thickness = options.thickness;
         var handleSlicingRoom, size = options.size, innerSize = options.innerSize || 0, i, value;
         if (typeof size === 'string') {
             size = parseFloat(size);
@@ -70,6 +70,12 @@ var CenteredUtilities;
         if (positions[3] > positions[2]) {
             positions[3] = positions[2];
         }
+        // thickness overrides innerSize, need to be less than pie size (#6647)
+        if (isNumber(thickness) &&
+            thickness * 2 < positions[2] && thickness > 0) {
+            positions[3] = positions[2] - thickness * 2;
+        }
+        fireEvent(this, 'afterGetCenter', { positions: positions });
         return positions;
     }
     CenteredUtilities.getCenter = getCenter;