highcharts 9.2.2 → 9.3.0

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

@@ -410,7 +410,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))) {
@@ -455,10 +455,10 @@ var BubbleLegendItem = /** @class */ (function () {
      * @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;
@@ -163,9 +162,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 +175,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 +188,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 +195,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 +224,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 +249,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
          */

package/es-modules/{Mixins/CenteredSeries.js → Series/CenteredUtilities.js}

@@ -9,44 +9,43 @@
  * */
 'use strict';
 import H from '../Core/Globals.js';
+var deg2rad = H.deg2rad;
 import Series from '../Core/Series/Series.js';
-/**
- * @private
- * @interface Highcharts.RadianAngles
- */ /**
-* @name Highcharts.RadianAngles#end
-* @type {number}
-*/ /**
-* @name Highcharts.RadianAngles#start
-* @type {number}
-*/
 import U from '../Core/Utilities.js';
 var isNumber = U.isNumber, pick = U.pick, relativeLength = U.relativeLength;
-var deg2rad = H.deg2rad;
-/* eslint-disable valid-jsdoc */
 /**
  * @private
- * @mixin Highcharts.CenteredSeriesMixin
  */
-var centeredSeriesMixin = H.CenteredSeriesMixin = {
+var CenteredUtilities;
+(function (CenteredUtilities) {
+    /* *
+     *
+     *  Declarations
+     *
+     * */
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /* eslint-disable valid-jsdoc */
     /**
      * Get the center of the pie based on the size and center options relative
      * to the plot area. Borrowed by the polar and gauge series types.
      *
      * @private
      * @function Highcharts.CenteredSeriesMixin.getCenter
-     *
-     * @return {Array<number>}
      */
-    getCenter: function () {
-        var options = this.options, chart = this.chart, slicingRoom = 2 * (options.slicedOffset || 0), handleSlicingRoom, plotWidth = chart.plotWidth - 2 * slicingRoom, plotHeight = chart.plotHeight - 2 * slicingRoom, centerOption = options.center, smallestSize = Math.min(plotWidth, plotHeight), size = options.size, innerSize = options.innerSize || 0, positions, i, value;
+    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 handleSlicingRoom, size = options.size, innerSize = options.innerSize || 0, i, value;
         if (typeof size === 'string') {
             size = parseFloat(size);
         }
         if (typeof innerSize === 'string') {
             innerSize = parseFloat(innerSize);
         }
-        positions = [
+        var positions = [
             pick(centerOption[0], '50%'),
             pick(centerOption[1], '50%'),
             // Prevent from negative values
@@ -72,7 +71,8 @@ var centeredSeriesMixin = H.CenteredSeriesMixin = {
             positions[3] = positions[2];
         }
         return positions;
-    },
+    }
+    CenteredUtilities.getCenter = getCenter;
     /**
      * getStartAndEndRadians - Calculates start and end angles in radians.
      * Used in series types such as pie and sunburst.
@@ -89,7 +89,7 @@ var centeredSeriesMixin = H.CenteredSeriesMixin = {
      * @return {Highcharts.RadianAngles}
      *         Returns an object containing start and end angles as radians.
      */
-    getStartAndEndRadians: function (start, end) {
+    function getStartAndEndRadians(start, end) {
         var startAngle = isNumber(start) ? start : 0, // must be a number
         endAngle = ((isNumber(end) && // must be a number
             end > startAngle && // must be larger than the start angle
@@ -102,5 +102,27 @@ var centeredSeriesMixin = H.CenteredSeriesMixin = {
             end: deg2rad * (endAngle + correction)
         };
     }
-};
-export default centeredSeriesMixin;
+    CenteredUtilities.getStartAndEndRadians = getStartAndEndRadians;
+})(CenteredUtilities || (CenteredUtilities = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default CenteredUtilities;
+/* *
+ *
+ *  API Declarations
+ *
+ * */
+/**
+ * @private
+ * @interface Highcharts.RadianAngles
+ */ /**
+* @name Highcharts.RadianAngles#end
+* @type {number}
+*/ /**
+* @name Highcharts.RadianAngles#start
+* @type {number}
+*/
+''; // keeps doclets above in JS file

package/es-modules/Series/ColorMapComposition.js

@@ -0,0 +1,109 @@
+/* *
+ *
+ *  (c) 2010-2021 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+import U from '../Core/Utilities.js';
+var defined = U.defined, wrap = U.wrap;
+/**
+ * @private
+ * @mixin Highcharts.colorMapSeriesMixin
+ */
+var colorMapSeriesMixinOld = {
+    pointArrayMap: ['value'],
+    axisTypes: ['xAxis', 'yAxis', 'colorAxis'],
+    trackerGroups: ['group', 'markerGroup', 'dataLabelsGroup'],
+    // getSymbol: noop,
+    parallelArrays: ['x', 'y', 'value'],
+    colorKey: 'value'
+    // pointAttribs: seriesTypes.column.prototype.pointAttribs,
+    /* eslint-disable valid-jsdoc */
+};
+/* *
+ *
+ *  Composition
+ *
+ * */
+var ColorMapComposition;
+(function (ColorMapComposition) {
+    ColorMapComposition.colorMapSeriesMixin = colorMapSeriesMixinOld;
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    var composedClasses = [];
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /* eslint-disable valid-jsdoc */
+    /**
+     * @private
+     */
+    function compose(SeriesClass, PointClass) {
+        if (PointClass && composedClasses.indexOf(PointClass) === -1) {
+            composedClasses.push(PointClass);
+            var pointProto = PointClass.prototype;
+            pointProto.dataLabelOnNull = true;
+            pointProto.moveToTopOnHover = true;
+            pointProto.isValid = pointIsValid;
+        }
+        if (composedClasses.indexOf(SeriesClass) === -1) {
+            composedClasses.push(SeriesClass);
+            var seriesProto = SeriesClass.prototype;
+            seriesProto.colorAttribs = seriesColorAttribs;
+            wrap(seriesProto, 'pointAttribs', seriesWrapPointAttribs);
+        }
+        return SeriesClass;
+    }
+    ColorMapComposition.compose = compose;
+    /**
+     * Color points have a value option that determines whether or not it is
+     * a null point
+     * @private
+     */
+    function pointIsValid() {
+        // undefined is allowed
+        return (this.value !== null &&
+            this.value !== Infinity &&
+            this.value !== -Infinity);
+    }
+    /**
+     * Get the color attibutes to apply on the graphic
+     * @private
+     */
+    function seriesColorAttribs(point) {
+        var ret = {};
+        if (defined(point.color) &&
+            (!point.state || point.state === 'normal') // #15746
+        ) {
+            ret[this.colorProp || 'fill'] = point.color;
+        }
+        return ret;
+    }
+    ColorMapComposition.seriesColorAttribs = seriesColorAttribs;
+    /**
+     * Move points to the top of the z-index order when hovered
+     * @private
+     */
+    function seriesWrapPointAttribs(original, point, state) {
+        var attribs = original.call(this, point, state);
+        if (point.moveToTopOnHover) {
+            attribs.zIndex = state === 'hover' ? 1 : 0;
+        }
+        return attribs;
+    }
+})(ColorMapComposition || (ColorMapComposition = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default ColorMapComposition;

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

@@ -38,11 +38,11 @@ var ColumnDataLabel;
      * @private
      */
     function alignDataLabel(point, dataLabel, options, alignTo, isNew) {
-        var inverted = this.chart.inverted, series = point.series, 
+        var inverted = this.chart.inverted, series = point.series, xLen = (series.xAxis ? series.xAxis.len : this.chart.plotSizeX) || 0, yLen = (series.yAxis ? series.yAxis.len : this.chart.plotSizeY) || 0, 
         // data label box for alignment
         dlBox = point.dlBox || point.shapeArgs, below = pick(point.below, // range series
         point.plotY >
-            pick(this.translatedThreshold, series.yAxis.len)), 
+            pick(this.translatedThreshold, yLen)), 
         // draw it inside the box?
         inside = pick(options.inside, !!this.options.stacking), overshoot;
         // Align to the column itself, or the top of it
@@ -54,14 +54,14 @@ var ColumnDataLabel;
             }
             // If parts of the box overshoots outside the plot area, modify the
             // box to center the label inside
-            overshoot = alignTo.y + alignTo.height - series.yAxis.len;
+            overshoot = alignTo.y + alignTo.height - yLen;
             if (overshoot > 0 && overshoot < alignTo.height) {
                 alignTo.height -= overshoot;
             }
             if (inverted) {
                 alignTo = {
-                    x: series.yAxis.len - alignTo.y - alignTo.height,
-                    y: series.xAxis.len - alignTo.x - alignTo.width,
+                    x: yLen - alignTo.y - alignTo.height,
+                    y: xLen - alignTo.x - alignTo.width,
                     width: alignTo.height,
                     height: alignTo.width
                 };

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

@@ -28,7 +28,6 @@ var color = Color.parse;
 import H from '../../Core/Globals.js';
 var hasTouch = H.hasTouch, noop = H.noop;
 import LegendSymbol from '../../Core/Legend/LegendSymbol.js';
-import Palette from '../../Core/Color/Palette.js';
 import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import U from '../../Core/Utilities.js';
@@ -904,7 +903,7 @@ var ColumnSeries = /** @class */ (function (_super) {
                  * @default #cccccc
                  * @product highcharts highstock gantt
                  */
-                color: Palette.neutralColor20,
+                color: "#cccccc" /* neutralColor20 */,
                 /**
                  * A specific border color for the selected point.
                  *
@@ -912,7 +911,7 @@ var ColumnSeries = /** @class */ (function (_super) {
                  * @default #000000
                  * @product highcharts highstock gantt
                  */
-                borderColor: Palette.neutralColor100
+                borderColor: "#000000" /* neutralColor100 */
             }
         },
         dataLabels: {
@@ -979,7 +978,7 @@ var ColumnSeries = /** @class */ (function (_super) {
          *
          * @private
          */
-        borderColor: Palette.backgroundColor
+        borderColor: "#ffffff" /* backgroundColor */
     });
     return ColumnSeries;
 }(Series));

package/es-modules/Series/ColumnPyramid/ColumnPyramidSeries.js

@@ -128,10 +128,10 @@ var ColumnPyramidSeries = /** @class */ (function (_super) {
             bottomXwidth = stackHeight ? (barW * (barY + barH - topPointY)) / stackHeight : 0;
             /*
                     /\
-                    /  \
+                   /  \
             x1,y1,------ x2,y1
-                    /      \
-                ----------
+                /      \
+               ----------
             x4,y2        x3,y2
             */
             x1 = barX - topXwidth + barW;
@@ -146,9 +146,9 @@ var ColumnPyramidSeries = /** @class */ (function (_super) {
             }
             // inverted chart
             if (chart.inverted) {
-                invBarPos = chart.plotWidth - barY;
-                stackHeight = (topPointY -
-                    (chart.plotWidth - translatedThreshold));
+                invBarPos = yAxis.width - barY;
+                stackHeight =
+                    topPointY - (yAxis.width - translatedThreshold);
                 // proportion tanges
                 topXwidth = (barW *
                     (topPointY - invBarPos)) / stackHeight;