highcharts 9.2.1 → 9.3.2

package/es-modules/Series/Area3DSeries.js

@@ -28,7 +28,8 @@ wrap(AreaSeriesClass.prototype, 'getGraphPath', function (proceed) {
         for (var i_1 = 0; i_1 < series.points.length; i_1++) {
             bottomPoints.push({
                 x: series.rawPointsX[i_1],
-                y: options.stacking ? series.points[i_1].yBottom : translatedThreshold,
+                y: options.stacking ?
+                    series.points[i_1].yBottom : translatedThreshold,
                 z: series.zPadding
             });
         }
@@ -60,7 +61,8 @@ wrap(AreaSeriesClass.prototype, 'getGraphPath', function (proceed) {
     if (series.areaPath) {
         // Remove previously used bottomPath and add the new one.
         areaPath = series.areaPath.splice(0, series.areaPath.length / 2).concat(bottomPath);
-        areaPath.xMap = series.areaPath.xMap; // Use old xMap in the new areaPath
+        // Use old xMap in the new areaPath
+        areaPath.xMap = series.areaPath.xMap;
         series.areaPath = areaPath;
         graphPath = getGraphPath.call(series, graphPoints, false, connectNulls);
     }

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

@@ -97,7 +97,7 @@ var AreaRangeSeries = /** @class */ (function (_super) {
      * @private
      */
     AreaRangeSeries.prototype.translate = function () {
-        var series = this, yAxis = series.yAxis, hasModifyValue = !!series.modifyValue;
+        var series = this, yAxis = series.yAxis;
         areaProto.translate.apply(series);
         // Set plotLow and plotHigh
         series.points.forEach(function (point) {
@@ -107,10 +107,9 @@ var AreaRangeSeries = /** @class */ (function (_super) {
             }
             else {
                 point.plotLow = plotY;
-                point.plotHigh = yAxis.translate(hasModifyValue ?
-                    series.modifyValue(high, point) :
-                    high, 0, 1, 0, 1);
-                if (hasModifyValue) {
+                point.plotHigh = yAxis.translate(series.dataModify ?
+                    series.dataModify.modifyValue(high) : high, 0, 1, 0, 1);
+                if (series.dataModify) {
                     point.yBottom = point.plotHigh;
                 }
             }
@@ -192,11 +191,17 @@ var AreaRangeSeries = /** @class */ (function (_super) {
         // Create a line on both top and bottom of the range
         linePath = []
             .concat(lowerPath, higherPath);
-        // For the area path, we need to change the 'move' statement
-        // into 'lineTo'
-        if (!this.chart.polar && higherAreaPath[0] && higherAreaPath[0][0] === 'M') {
+        // For the area path, we need to change the 'move' statement into
+        // 'lineTo'
+        if (!this.chart.polar &&
+            higherAreaPath[0] &&
+            higherAreaPath[0][0] === 'M') {
             // This probably doesn't work for spline
-            higherAreaPath[0] = ['L', higherAreaPath[0][1], higherAreaPath[0][2]];
+            higherAreaPath[0] = [
+                'L',
+                higherAreaPath[0][1],
+                higherAreaPath[0][2]
+            ];
         }
         this.graphPath = linePath;
         this.areaPath = lowerPath.concat(higherAreaPath);
@@ -219,13 +224,17 @@ var AreaRangeSeries = /** @class */ (function (_super) {
             //
             // TODO: We want to change this and allow multiple labels for both
             // upper and lower values in the future - introducing some options
-            // for which point value to use as Y for the dataLabel, so that
-            // this could be handled in Series.drawDataLabels. This would also
-            // improve performance since we now have to loop over all the
-            // points multiple times to work around the data label logic.
+            // for which point value to use as Y for the dataLabel, so that this
+            // could be handled in Series.drawDataLabels. This would also
+            // improve performance since we now have to loop over all the points
+            // multiple times to work around the data label logic.
             if (isArray(dataLabelOptions)) {
-                upperDataLabelOptions = dataLabelOptions[0] || { enabled: false };
-                lowerDataLabelOptions = dataLabelOptions[1] || { enabled: false };
+                upperDataLabelOptions = dataLabelOptions[0] || {
+                    enabled: false
+                };
+                lowerDataLabelOptions = dataLabelOptions[1] || {
+                    enabled: false
+                };
             }
             else {
                 // Make copies
@@ -258,7 +267,8 @@ var AreaRangeSeries = /** @class */ (function (_super) {
                         point.below = up;
                         if (inverted) {
                             if (!upperDataLabelOptions.align) {
-                                upperDataLabelOptions.align = up ? 'right' : 'left';
+                                upperDataLabelOptions.align = up ?
+                                    'right' : 'left';
                             }
                         }
                         else {
@@ -303,7 +313,8 @@ var AreaRangeSeries = /** @class */ (function (_super) {
                         point.below = !up;
                         if (inverted) {
                             if (!lowerDataLabelOptions.align) {
-                                lowerDataLabelOptions.align = up ? 'left' : 'right';
+                                lowerDataLabelOptions.align = up ?
+                                    'left' : 'right';
                             }
                         }
                         else {

package/es-modules/Series/Bellcurve/BellcurveSeries.js

@@ -23,7 +23,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import DerivedSeriesMixin from '../../Mixins/DerivedSeries.js';
+import DerivedComposition from '../DerivedComposition.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var AreaSplineSeries = SeriesRegistry.seriesTypes.areaspline;
 import U from '../../Core/Utilities.js';
@@ -78,7 +78,8 @@ var BellcurveSeries = /** @class */ (function (_super) {
      */
     BellcurveSeries.standardDeviation = function (data, average) {
         var len = data.length, sum;
-        average = isNumber(average) ? average : BellcurveSeries.mean(data);
+        average = isNumber(average) ?
+            average : BellcurveSeries.mean(data);
         sum = data.reduce(function (sum, value) {
             var diff = value - average;
             return (sum += diff * diff);
@@ -181,13 +182,7 @@ var BellcurveSeries = /** @class */ (function (_super) {
     });
     return BellcurveSeries;
 }(AreaSplineSeries));
-extend(BellcurveSeries.prototype, {
-    addBaseSeriesEvents: DerivedSeriesMixin.addBaseSeriesEvents,
-    addEvents: DerivedSeriesMixin.addEvents,
-    destroy: DerivedSeriesMixin.destroy,
-    init: DerivedSeriesMixin.init,
-    setBaseSeries: DerivedSeriesMixin.setBaseSeries
-});
+DerivedComposition.compose(BellcurveSeries);
 SeriesRegistry.registerSeriesType('bellcurve', BellcurveSeries);
 /* *
  *

package/es-modules/Series/BoxPlot/BoxPlotSeries.js

@@ -24,7 +24,6 @@ var __extends = (this && this.__extends) || (function () {
 import ColumnSeries from '../Column/ColumnSeries.js';
 import H from '../../Core/Globals.js';
 var noop = H.noop;
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import U from '../../Core/Utilities.js';
 var extend = U.extend, merge = U.merge, pick = U.pick;
@@ -285,7 +284,7 @@ var BoxPlotSeries = /** @class */ (function (_super) {
          * @since   3.0
          * @product highcharts
          */
-        fillColor: palette.backgroundColor,
+        fillColor: "#ffffff" /* backgroundColor */,
         /**
          * The width of the line surrounding the box. If any of
          * [stemWidth](#plotOptions.boxplot.stemWidth),

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

@@ -10,7 +10,6 @@
  *
  * */
 'use strict';
-import Palette from '../../Core/Color/Palette.js';
 /* *
  *
  *  Constants
@@ -166,7 +165,7 @@ var BubbleLegendDefaults = {
             /** @ignore-option */
             fontSize: '10px',
             /** @ignore-option */
-            color: Palette.neutralColor100
+            color: "#000000" /* neutralColor100 */
         },
         /**
          * The x position offset of the label relative to the

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

@@ -80,7 +80,6 @@ var BubbleLegendItem = /** @class */ (function () {
      *        Bubble legend options
      * @param {Highcharts.Legend} legend
      *        Legend
-     * @return {void}
      */
     BubbleLegendItem.prototype.init = function (options, legend) {
         this.options = options;
@@ -93,9 +92,8 @@ var BubbleLegendItem = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.BubbleLegend#addToLegend
-     * @param {Array<(Highcharts.Point|Highcharts.Series)>}
-     *        All legend items
-     * @return {void}
+     * @param {Array<(Highcharts.Point|Highcharts.Series)>} items
+     * All legend items
      */
     BubbleLegendItem.prototype.addToLegend = function (items) {
         // Insert bubbleLegend into legend items
@@ -109,7 +107,6 @@ var BubbleLegendItem = /** @class */ (function () {
      * @function Highcharts.BubbleLegend#drawLegendSymbol
      * @param {Highcharts.Legend} legend
      *        Legend instance
-     * @return {void}
      */
     BubbleLegendItem.prototype.drawLegendSymbol = function (legend) {
         var chart = this.chart, options = this.options, itemDistance = pick(legend.options.itemDistance, 20), ranges = options.ranges, connectorDistance = options.connectorDistance;
@@ -146,7 +143,6 @@ var BubbleLegendItem = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.BubbleLegend#setOptions
-     * @return {void}
      */
     BubbleLegendItem.prototype.setOptions = function () {
         var ranges = this.ranges, options = this.options, series = this.chart.series[options.seriesIndex], baseline = this.legend.baseline, bubbleAttribs = {
@@ -205,7 +201,6 @@ var BubbleLegendItem = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.BubbleLegend#render
-     * @return {void}
      */
     BubbleLegendItem.prototype.render = function () {
         var renderer = this.chart.renderer, zThreshold = this.options.zThreshold;
@@ -239,7 +234,6 @@ var BubbleLegendItem = /** @class */ (function () {
      * @function Highcharts.BubbleLegend#renderRange
      * @param {Highcharts.LegendBubbleLegendRangesOptions} range
      *        Range options
-     * @return {void}
      */
     BubbleLegendItem.prototype.renderRange = function (range) {
         var mainRange = this.ranges[0], legend = this.legend, options = this.options, labelsOptions = options.labels, chart = this.chart, bubbleSeries = chart.series[options.seriesIndex], renderer = chart.renderer, symbols = this.symbols, labels = symbols.labels, elementCenter = range.center, absoluteRadius = Math.abs(range.radius), connectorDistance = options.connectorDistance || 0, labelsAlign = labelsOptions.align, rtl = legend.options.rtl, borderWidth = options.borderWidth, connectorWidth = options.connectorWidth, posX = mainRange.radius || 0, posY = elementCenter - absoluteRadius -
@@ -297,7 +291,6 @@ var BubbleLegendItem = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.BubbleLegend#getMaxLabelSize
-     * @return {Highcharts.BBoxObject}
      */
     BubbleLegendItem.prototype.getMaxLabelSize = function () {
         var labels = this.symbols.labels;
@@ -337,7 +330,6 @@ var BubbleLegendItem = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.BubbleLegend#hideOverlappingLabels
-     * @return {void}
      */
     BubbleLegendItem.prototype.hideOverlappingLabels = function () {
         var chart = this.chart, allowOverlap = this.options.labels.allowOverlap, symbols = this.symbols;
@@ -410,7 +402,7 @@ var BubbleLegendItem = /** @class */ (function () {
      *         Calculated min and max bubble sizes
      */
     BubbleLegendItem.prototype.predictBubbleSizes = function () {
-        var chart = this.chart, fontMetrics = this.fontMetrics, legendOptions = chart.legend.options, floating = legendOptions.floating, horizontal = legendOptions.layout === 'horizontal', lastLineHeight = horizontal ? chart.legend.lastLineHeight : 0, plotSizeX = chart.plotSizeX, plotSizeY = chart.plotSizeY, bubbleSeries = chart.series[this.options.seriesIndex], minSize = Math.ceil(bubbleSeries.minPxSize), maxPxSize = Math.ceil(bubbleSeries.maxPxSize), plotSize = Math.min(plotSizeY, plotSizeX);
+        var chart = this.chart, fontMetrics = this.fontMetrics, legendOptions = chart.legend.options, floating = legendOptions.floating, horizontal = legendOptions.layout === 'horizontal', lastLineHeight = horizontal ? chart.legend.lastLineHeight : 0, plotSizeX = chart.plotSizeX, plotSizeY = chart.plotSizeY, bubbleSeries = chart.series[this.options.seriesIndex], pxSizes = bubbleSeries.getPxExtremes(), minSize = Math.ceil(pxSizes.minPxSize), maxPxSize = Math.ceil(pxSizes.maxPxSize), plotSize = Math.min(plotSizeY, plotSizeX);
         var calculatedSize, maxSize = bubbleSeries.options.maxSize;
         // Calculate prediceted max size of bubble
         if (floating || !(/%$/.test(maxSize))) {
@@ -437,7 +429,6 @@ var BubbleLegendItem = /** @class */ (function () {
      * @function Highcharts.BubbleLegend#updateRanges
      * @param {number} min
      * @param {number} max
-     * @return {void}
      */
     BubbleLegendItem.prototype.updateRanges = function (min, max) {
         var bubbleLegendOptions = this.legend.options.bubbleLegend;
@@ -452,13 +443,12 @@ var BubbleLegendItem = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.BubbleLegend#correctSizes
-     * @return {void}
      */
     BubbleLegendItem.prototype.correctSizes = function () {
-        var legend = this.legend, chart = this.chart, bubbleSeries = chart.series[this.options.seriesIndex], bubbleSeriesSize = bubbleSeries.maxPxSize, bubbleLegendSize = this.options.maxSize;
+        var legend = this.legend, chart = this.chart, bubbleSeries = chart.series[this.options.seriesIndex], pxSizes = bubbleSeries.getPxExtremes(), bubbleSeriesSize = pxSizes.maxPxSize, bubbleLegendSize = this.options.maxSize;
         if (Math.abs(Math.ceil(bubbleSeriesSize) - bubbleLegendSize) >
             1) {
-            this.updateRanges(this.options.minSize, bubbleSeries.maxPxSize);
+            this.updateRanges(this.options.minSize, pxSizes.maxPxSize);
             legend.render();
         }
     };

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

@@ -61,6 +61,11 @@ var BubblePoint = /** @class */ (function (_super) {
     };
     return BubblePoint;
 }(ScatterPoint));
+/* *
+ *
+ *  Class Prototype
+ *
+ * */
 extend(BubblePoint.prototype, {
     ttBelow: false
 });

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

@@ -32,7 +32,7 @@ import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var _a = SeriesRegistry.seriesTypes, ColumnSeries = _a.column, ScatterSeries = _a.scatter;
 import U from '../../Core/Utilities.js';
-var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, merge = U.merge, pick = U.pick, pInt = U.pInt;
+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';
@@ -104,13 +104,41 @@ var BubbleSeries = /** @class */ (function (_super) {
      * the axis needs to add padding in accordance with the point sizes.
      * @private
      */
-    BubbleSeries.prototype.getRadii = function (zMin, zMax, series) {
-        var len, i, zData = this.zData, yData = this.yData, minSize = series.minPxSize, maxSize = series.maxPxSize, radii = [], value;
+    BubbleSeries.prototype.getRadii = function () {
+        var _this = this;
+        var len, i, zData = this.zData, yData = this.yData, radii = [], 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`
+        // in any member series.
+        if (!zExtremes) {
+            var zMin_1 = Number.MAX_VALUE;
+            var zMax_1 = -Number.MAX_VALUE;
+            var valid_1;
+            this.chart.series.forEach(function (otherSeries) {
+                if (otherSeries.bubblePadding && (otherSeries.visible ||
+                    !_this.chart.options.chart.ignoreHiddenSeries)) {
+                    var zExtremes_1 = 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);
+                        valid_1 = true;
+                    }
+                }
+            });
+            if (valid_1) {
+                zExtremes = { zMin: zMin_1, zMax: zMax_1 };
+                this.chart.bubbleZExtremes = zExtremes;
+            }
+            else {
+                zExtremes = { zMin: 0, zMax: 0 };
+            }
+        }
         // Set the shape type and arguments to be picked up in drawPoints
         for (i = 0, len = zData.length; i < len; i++) {
             value = zData[i];
             // Separate method to get individual radius for bubbleLegend
-            radii.push(this.getRadius(zMin, zMax, minSize, maxSize, value, yData[i]));
+            radii.push(this.getRadius(zExtremes.zMin, zExtremes.zMax, minPxSize, maxPxSize, value, yData[i]));
         }
         this.radii = radii;
     };
@@ -172,15 +200,20 @@ var BubbleSeries = /** @class */ (function (_super) {
      * @private
      */
     BubbleSeries.prototype.translate = function () {
-        var i, data = this.data, point, radius, radii = this.radii;
         // Run the parent method
         _super.prototype.translate.call(this);
+        this.getRadii();
+        this.translateBubble();
+    };
+    BubbleSeries.prototype.translateBubble = function () {
+        var _a = this, data = _a.data, radii = _a.radii;
+        var minPxSize = this.getPxExtremes().minPxSize;
         // Set the shape type and arguments to be picked up in drawPoints
-        i = data.length;
+        var i = data.length;
         while (i--) {
-            point = data[i];
-            radius = radii ? radii[i] : 0; // #1737
-            if (isNumber(radius) && radius >= this.minPxSize / 2) {
+            var point = data[i];
+            var radius = radii ? radii[i] : 0; // #1737
+            if (isNumber(radius) && radius >= minPxSize / 2) {
                 // Shape arguments
                 point.marker = extend(point.marker, {
                     radius: radius,
@@ -201,6 +234,34 @@ var BubbleSeries = /** @class */ (function (_super) {
             }
         }
     };
+    BubbleSeries.prototype.getPxExtremes = function () {
+        var smallestSize = Math.min(this.chart.plotWidth, this.chart.plotHeight);
+        var getPxSize = function (length) {
+            var isPercent;
+            if (typeof length === 'string') {
+                isPercent = /%$/.test(length);
+                length = parseInt(length, 10);
+            }
+            return isPercent ? smallestSize * length / 100 : length;
+        };
+        var minPxSize = getPxSize(pick(this.options.minSize, 8));
+        // Prioritize min size if conflict to make sure bubbles are
+        // always visible. #5873
+        var maxPxSize = Math.max(getPxSize(pick(this.options.maxSize, '20%')), minPxSize);
+        return { minPxSize: minPxSize, maxPxSize: maxPxSize };
+    };
+    BubbleSeries.prototype.getZExtremes = function () {
+        var options = this.options, zData = (this.zData || []).filter(isNumber);
+        if (zData.length) {
+            var zMin = pick(options.zMin, clamp(arrayMin(zData), options.displayNegative === false ?
+                (options.zThreshold || 0) :
+                -Number.MAX_VALUE, Number.MAX_VALUE));
+            var zMax = pick(options.zMax, arrayMax(zData));
+            if (isNumber(zMin) && isNumber(zMax)) {
+                return { zMin: zMin, zMax: zMax };
+            }
+        }
+    };
     BubbleSeries.compose = BubbleLegendComposition.compose;
     /**
      * A bubble series is a three dimensional series type where each point
@@ -453,6 +514,10 @@ extend(BubbleSeries.prototype, {
     specialGroup: 'group',
     zoneAxis: 'z'
 });
+// On updated data in any series, delete the chart-level Z extremes cache
+addEvent(BubbleSeries, 'updatedData', function (e) {
+    delete e.target.chart.bubbleZExtremes;
+});
 /* *
  *
  *  Axis ?
@@ -461,59 +526,34 @@ extend(BubbleSeries.prototype, {
 // 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, extremes = {}, smallestSize = Math.min(chart.plotWidth, chart.plotHeight), zMin = Number.MAX_VALUE, zMax = -Number.MAX_VALUE, range = this.max - min, transA = axisLength / range, activeSeries = [];
+    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) {
-        var seriesOptions = series.options, zData;
         if (series.bubblePadding &&
             (series.visible || !chart.options.chart.ignoreHiddenSeries)) {
             // Correction for #1673
             axis.allowZoomOutside = true;
-            // Cache it
-            activeSeries.push(series);
-            if (isXAxis) { // because X axis is evaluated first
-                // For each series, translate the size extremes to pixel values
-                ['minSize', 'maxSize'].forEach(function (prop) {
-                    var length = seriesOptions[prop], isPercent = /%$/.test(length);
-                    length = pInt(length);
-                    extremes[prop] = isPercent ?
-                        smallestSize * length / 100 :
-                        length;
-                });
-                series.minPxSize = extremes.minSize;
-                // Prioritize min size if conflict to make sure bubbles are
-                // always visible. #5873
-                series.maxPxSize = Math.max(extremes.maxSize, extremes.minSize);
-                // Find the min and max Z
-                zData = series.zData.filter(isNumber);
-                if (zData.length) { // #1735
-                    zMin = pick(seriesOptions.zMin, clamp(arrayMin(zData), seriesOptions.displayNegative === false ?
-                        seriesOptions.zThreshold :
-                        -Number.MAX_VALUE, zMin));
-                    zMax = pick(seriesOptions.zMax, Math.max(zMax, arrayMax(zData)));
-                }
+            hasActiveSeries = true;
+            var data = series[dataKey];
+            if (isXAxis) {
+                series.getRadii(0, 0, series);
             }
-        }
-    });
-    activeSeries.forEach(function (series) {
-        var data = series[dataKey], i = data.length, radius;
-        if (isXAxis) {
-            series.getRadii(zMin, zMax, series);
-        }
-        if (range > 0) {
-            while (i--) {
-                if (isNumber(data[i]) &&
-                    axis.dataMin <= data[i] &&
-                    data[i] <= axis.max) {
-                    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);
+            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 (activeSeries.length && range > 0 && !this.logarithmic) {
+    if (hasActiveSeries && range > 0 && !this.logarithmic) {
         pxMax -= axisLength;
         transA *= (axisLength +
             Math.max(0, pxMin) - // #8901

package/es-modules/Series/Candlestick/CandlestickSeries.js

@@ -23,7 +23,6 @@ var __extends = (this && this.__extends) || (function () {
 })();
 import D from '../../Core/DefaultOptions.js';
 var defaultOptions = D.defaultOptions;
-import palette from '../../Core/Color/Palette.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var _a = SeriesRegistry.seriesTypes, ColumnSeries = _a.column, OHLCSeries = _a.ohlc;
 import U from '../../Core/Utilities.js';
@@ -47,7 +46,7 @@ var CandlestickSeries = /** @class */ (function (_super) {
     function CandlestickSeries() {
         /* *
          *
-         * Static properties
+         * Static Properties
          *
          * */
         var _this = _super !== null && _super.apply(this, arguments) || this;
@@ -96,7 +95,6 @@ var CandlestickSeries = /** @class */ (function (_super) {
      *
      * @private
      * @function Highcharts.seriesTypes.candlestick#drawPoints
-     * @return {void}
      */
     CandlestickSeries.prototype.drawPoints = function () {
         var series = this, points = series.points, chart = series.chart, reversedYAxis = series.yAxis.reversed;
@@ -163,9 +161,10 @@ var CandlestickSeries = /** @class */ (function (_super) {
         });
         /* eslint-enable valid-jsdoc */
     };
+    CandlestickSeries.defaultOptions = merge(OHLCSeries.defaultOptions, defaultOptions.plotOptions, 
     /**
-     * A candlestick chart is a style of financial chart used to describe price
-     * movements over time.
+     * A candlestick chart is a style of financial chart used to describe
+     * price movements over time.
      *
      * @sample stock/demo/candlestick/
      *         Candlestick chart
@@ -175,7 +174,7 @@ var CandlestickSeries = /** @class */ (function (_super) {
      * @product      highstock
      * @optionparent plotOptions.candlestick
      */
-    CandlestickSeries.defaultOptions = merge(OHLCSeries.defaultOptions, defaultOptions.plotOptions, {
+    {
         /**
          * The specific line color for up candle sticks. The default is to
          * inherit the general `lineColor` setting.
@@ -188,12 +187,6 @@ var CandlestickSeries = /** @class */ (function (_super) {
          * @product   highstock
          * @apioption plotOptions.candlestick.upLineColor
          */
-        /**
-         * @type      {Highcharts.DataGroupingApproximationValue|Function}
-         * @default   ohlc
-         * @product   highstock
-         * @apioption plotOptions.candlestick.dataGrouping.approximation
-         */
         states: {
             /**
              * @extends plotOptions.column.states.hover
@@ -201,16 +194,14 @@ var CandlestickSeries = /** @class */ (function (_super) {
              */
             hover: {
                 /**
-                 * The pixel width of the line/border around the candlestick.
+                 * The pixel width of the line/border around the
+                 * candlestick.
                  *
                  * @product highstock
                  */
                 lineWidth: 2
             }
         },
-        /**
-         * @extends plotOptions.ohlc.tooltip
-         */
         tooltip: defaultOptions.plotOptions.ohlc.tooltip,
         /**
          * @type    {number|null}
@@ -232,7 +223,7 @@ var CandlestickSeries = /** @class */ (function (_super) {
          * @default #000000
          * @product highstock
          */
-        lineColor: palette.neutralColor100,
+        lineColor: "#000000" /* neutralColor100 */,
         /**
          * The pixel width of the candlestick line/border. Defaults to `1`.
          *
@@ -257,8 +248,8 @@ var CandlestickSeries = /** @class */ (function (_super) {
          * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          * @default #ffffff
          * @product highstock
-         */
-        upColor: palette.backgroundColor,
+        */
+        upColor: "#ffffff" /* backgroundColor */,
         /**
          * @product highstock
          */