highcharts 8.2.0 → 8.2.2

package/es-modules/Core/Axis/GridAxis.js

@@ -44,40 +44,24 @@ var applyGridOptions = function applyGridOptions(axis) {
     options.labels.rotation = 0;
 };
 /**
- * For a datetime axis, the scale will automatically adjust to the
- * appropriate unit. This member gives the default string
- * representations used for each unit. For intermediate values,
- * different units may be used, for example the `day` unit can be used
- * on midnight and `hour` unit be used for intermediate values on the
- * same axis.
+ * @productdesc {gantt}
  * For grid axes (like in Gantt charts),
  * it is possible to declare as a list to provide different
  * formats depending on available space.
- * For an overview of the replacement codes, see
- * [dateFormat](/class-reference/Highcharts#dateFormat).
  *
  * Defaults to:
  * ```js
  * {
-        hour: {
-            list: ['%H:%M', '%H']
-        },
-        day: {
-            list: ['%A, %e. %B', '%a, %e. %b', '%E']
-        },
-        week: {
-            list: ['Week %W', 'W%W']
-        },
-        month: {
-            list: ['%B', '%b', '%o']
-        }
-    },
+ *     hour: { list: ['%H:%M', '%H'] },
+ *     day: { list: ['%A, %e. %B', '%a, %e. %b', '%E'] },
+ *     week: { list: ['Week %W', 'W%W'] },
+ *     month: { list: ['%B', '%b', '%o'] }
+ * }
  * ```
  *
- * @sample {gantt} gantt/demo/left-axis-table
- *         Gantt Chart with custom axis date format.
+ * @sample {gantt} gantt/grid-axis/date-time-label-formats
+ *         Gantt chart with custom axis date format.
  *
- * @product gantt
  * @apioption xAxis.dateTimeLabelFormats
  */
 /**
@@ -153,19 +137,26 @@ Axis.prototype.getMaxLabelDimensions = function (ticks, tickPositions) {
         height: 0
     };
     tickPositions.forEach(function (pos) {
-        var tick = ticks[pos], tickHeight = 0, tickWidth = 0, label;
+        var tick = ticks[pos], labelHeight = 0, labelWidth = 0, label;
         if (isObject(tick)) {
             label = isObject(tick.label) ? tick.label : {};
-            // Find width and height of tick
-            tickHeight = label.getBBox ? label.getBBox().height : 0;
+            // Find width and height of label
+            labelHeight = label.getBBox ? label.getBBox().height : 0;
+            if (label.textStr && !isNumber(label.textPxLength)) {
+                label.textPxLength = label.getBBox().width;
+            }
+            labelWidth = isNumber(label.textPxLength) ?
+                // Math.round ensures crisp lines
+                Math.round(label.textPxLength) :
+                0;
             if (label.textStr) {
                 // Set the tickWidth same as the label width after ellipsis
                 // applied #10281
-                tickWidth = Math.round(label.getBBox().width);
+                labelWidth = Math.round(label.getBBox().width);
             }
             // Update the result if width and/or height are larger
-            dimensions.height = Math.max(tickHeight, dimensions.height);
-            dimensions.width = Math.max(tickWidth, dimensions.width);
+            dimensions.height = Math.max(labelHeight, dimensions.height);
+            dimensions.width = Math.max(labelWidth, dimensions.width);
         }
     });
     return dimensions;
@@ -186,7 +177,7 @@ H.dateFormats.W = function (timestamp) {
 };
 // First letter of the day of the week, e.g. 'M' for 'Monday'.
 H.dateFormats.E = function (timestamp) {
-    return dateFormat('%a', timestamp, true).charAt(0);
+    return this.dateFormat('%a', timestamp, true).charAt(0);
 };
 /* eslint-disable no-invalid-this */
 addEvent(Chart, 'afterSetChartSize', function () {
@@ -326,6 +317,29 @@ var GridAxisAdditions = /** @class */ (function () {
         return (lastIndex === thisIndex &&
             (isNumber(columnIndex) ? columns.length === columnIndex : true));
     };
+    /**
+     * Add extra border based on the provided path.
+     *  *
+     * @private
+     *
+     * @param {SVGPath} path
+     * The path of the border.
+     *
+     * @return {Highcharts.SVGElement}
+     */
+    GridAxisAdditions.prototype.renderBorder = function (path) {
+        var axis = this.axis, renderer = axis.chart.renderer, options = axis.options, extraBorderLine = renderer.path(path)
+            .addClass('highcharts-axis-line')
+            .add(axis.axisBorder);
+        if (!renderer.styledMode) {
+            extraBorderLine.attr({
+                stroke: options.lineColor,
+                'stroke-width': options.lineWidth,
+                zIndex: 7
+            });
+        }
+        return extraBorderLine;
+    };
     return GridAxisAdditions;
 }());
 /**
@@ -431,11 +445,18 @@ var GridAxis = /** @class */ (function () {
                 var point = series && find(series.options.data, function (p) {
                     return p[axis.isXAxis ? 'x' : 'y'] === value;
                 });
+                var pointCopy;
+                if (point && series.is('gantt')) {
+                    // For the Gantt set point aliases to the pointCopy
+                    // to do not change the original point
+                    pointCopy = merge(point);
+                    H.seriesTypes.gantt.prototype.setGanttPointAliases(pointCopy);
+                }
                 // Make additional properties available for the
                 // formatter
                 this.isFirst = isFirst;
                 this.isLast = isLast;
-                this.point = point;
+                this.point = pointCopy;
                 // Call original labelFormatter
                 return proceed.call(this);
             });
@@ -480,12 +501,8 @@ var GridAxis = /** @class */ (function () {
      * @private
      */
     GridAxis.onAfterRender = function () {
-        var axis = this;
-        var grid = axis.grid;
-        var options = axis.options;
-        var renderer = axis.chart.renderer;
-        var gridOptions = options.grid || {};
-        var yStartIndex, yEndIndex, xStartIndex, xEndIndex;
+        var _a;
+        var axis = this, grid = axis.grid, options = axis.options, gridOptions = options.grid || {};
         if (gridOptions.enabled === true) {
             // @todo acutual label padding (top, bottom, left, right)
             axis.maxLabelDimensions = axis.getMaxLabelDimensions(axis.ticks, axis.tickPositions);
@@ -504,13 +521,10 @@ var GridAxis = /** @class */ (function () {
             if (axis.grid && axis.grid.isOuterAxis() && axis.axisLine) {
                 var lineWidth = options.lineWidth;
                 if (lineWidth) {
-                    var linePath = axis.getLinePath(lineWidth);
-                    var startPoint = linePath[0];
-                    var endPoint = linePath[1];
+                    var linePath = axis.getLinePath(lineWidth), startPoint = linePath[0], endPoint = linePath[1], 
                     // Negate distance if top or left axis
                     // Subtract 1px to draw the line at the end of the tick
-                    var tickLength = (axis.tickSize('tick') || [1])[0];
-                    var distance = (tickLength - 1) * ((axis.side === GridAxis.Side.top ||
+                    tickLength = (axis.tickSize('tick') || [1])[0], distance = (tickLength - 1) * ((axis.side === GridAxis.Side.top ||
                         axis.side === GridAxis.Side.left) ? -1 : 1);
                     // If axis is horizontal, reposition line path vertically
                     if (startPoint[0] === 'M' && endPoint[0] === 'L') {
@@ -519,26 +533,35 @@ var GridAxis = /** @class */ (function () {
                             endPoint[2] += distance;
                         }
                         else {
-                            // If axis is vertical, reposition line path
-                            // horizontally
                             startPoint[1] += distance;
                             endPoint[1] += distance;
                         }
                     }
-                    if (!axis.grid.axisLineExtra) {
-                        axis.grid.axisLineExtra = renderer
-                            .path(linePath)
-                            .attr({
-                            zIndex: 7
-                        })
-                            .addClass('highcharts-axis-line')
-                            .add(axis.axisGroup);
-                        if (!renderer.styledMode) {
-                            axis.grid.axisLineExtra.attr({
-                                stroke: options.lineColor,
-                                'stroke-width': lineWidth
+                    // If it doesn't exist, add an upper and lower border
+                    // for the vertical grid axis.
+                    if (!axis.horiz && axis.chart.marginRight) {
+                        var upperBorderStartPoint = startPoint, upperBorderEndPoint = ['L', axis.left, startPoint[2]], upperBorderPath = [upperBorderStartPoint, upperBorderEndPoint], lowerBorderEndPoint = ['L', axis.chart.chartWidth - axis.chart.marginRight, axis.toPixels(axis.max + axis.tickmarkOffset)], lowerBorderStartPoint = ['M', endPoint[1], axis.toPixels(axis.max + axis.tickmarkOffset)], lowerBorderPath = [lowerBorderStartPoint, lowerBorderEndPoint];
+                        if (!axis.grid.upperBorder && axis.min % 1 !== 0) {
+                            axis.grid.upperBorder = axis.grid.renderBorder(upperBorderPath);
+                        }
+                        if (axis.grid.upperBorder) {
+                            axis.grid.upperBorder.animate({
+                                d: upperBorderPath
                             });
                         }
+                        if (!axis.grid.lowerBorder && axis.max % 1 !== 0) {
+                            axis.grid.lowerBorder = axis.grid.renderBorder(lowerBorderPath);
+                        }
+                        if (axis.grid.lowerBorder) {
+                            axis.grid.lowerBorder.animate({
+                                d: lowerBorderPath
+                            });
+                        }
+                    }
+                    // Render an extra line parallel to the existing axes,
+                    // to close the grid.
+                    if (!axis.grid.axisLineExtra) {
+                        axis.grid.axisLineExtra = axis.grid.renderBorder(linePath);
                     }
                     else {
                         axis.grid.axisLineExtra.animate({
@@ -553,12 +576,38 @@ var GridAxis = /** @class */ (function () {
             (grid && grid.columns || []).forEach(function (column) {
                 column.render();
             });
+            // Manipulate the tick mark visibility
+            // based on the axis.max- allows smooth scrolling.
+            if (!axis.horiz && axis.chart.hasRendered && (axis.scrollbar || ((_a = axis.linkedParent) === null || _a === void 0 ? void 0 : _a.scrollbar))) {
+                var max = axis.max, min = axis.min, tickmarkOffset = axis.tickmarkOffset, lastTick = axis.tickPositions[axis.tickPositions.length - 1], firstTick = axis.tickPositions[0];
+                // Hide/show firts tick label.
+                if (min - firstTick > tickmarkOffset) {
+                    axis.ticks[firstTick].label.hide();
+                }
+                else {
+                    axis.ticks[firstTick].label.show();
+                }
+                // Hide/show last tick mark/label.
+                if (lastTick - max > tickmarkOffset) {
+                    axis.ticks[lastTick].label.hide();
+                }
+                else {
+                    axis.ticks[lastTick].label.show();
+                }
+                if (lastTick - max < tickmarkOffset && lastTick - max > 0 && axis.ticks[lastTick].isLast) {
+                    axis.ticks[lastTick].mark.hide();
+                }
+                else {
+                    axis.ticks[lastTick - 1].mark.show();
+                }
+            }
         }
     };
     /**
      * @private
      */
     GridAxis.onAfterSetAxisTranslation = function () {
+        var _a;
         var axis = this;
         var tickInfo = axis.tickPositions && axis.tickPositions.info;
         var options = axis.options;
@@ -587,6 +636,13 @@ var GridAxis = /** @class */ (function () {
                 }
             }
         }
+        else {
+            // Don't trim ticks which not in min/max range but
+            // they are still in the min/max plus tickInterval.
+            if (this.options.type !== 'treegrid' && ((_a = axis.grid) === null || _a === void 0 ? void 0 : _a.columns)) {
+                this.minPointOffset = this.tickInterval;
+            }
+        }
     };
     /**
      * Creates a left and right wall on horizontal axes:

package/es-modules/Core/Axis/OrdinalAxis.js

@@ -10,13 +10,12 @@
 'use strict';
 import Axis from './Axis.js';
 import H from '../Globals.js';
+import CartesianSeries from '../Series/CartesianSeries.js';
 import U from '../Utilities.js';
 var addEvent = U.addEvent, css = U.css, defined = U.defined, pick = U.pick, timeUnits = U.timeUnits;
-import '../Chart/Chart.js';
+import Chart from '../Chart/Chart.js';
 // Has a dependency on Navigator due to the use of Axis.toFixedRange
 import '../Navigator.js';
-import '../Series/Series.js';
-var Chart = H.Chart, Series = H.Series;
 /**
  * Extends the axis with ordinal support.
  * @private
@@ -219,7 +218,7 @@ var OrdinalAxis;
                         xData: series.xData.slice(),
                         chart: chart,
                         destroyGroupedData: H.noop,
-                        getProcessedData: H.Series.prototype.getProcessedData
+                        getProcessedData: CartesianSeries.prototype.getProcessedData
                     };
                     fakeSeries.xData = fakeSeries.xData.concat(ordinal.getOverscrollPositions());
                     fakeSeries.options = {
@@ -773,5 +772,5 @@ var OrdinalAxis;
     }
     OrdinalAxis.compose = compose;
 })(OrdinalAxis || (OrdinalAxis = {}));
-OrdinalAxis.compose(Axis, Chart, Series); // @todo move to StockChart, remove from master
+OrdinalAxis.compose(Axis, Chart, CartesianSeries); // @todo move to StockChart, remove from master
 export default OrdinalAxis;

package/es-modules/Core/Axis/PlotLineOrBand.js

@@ -846,18 +846,22 @@ extend(Axis.prototype, /** @lends Highcharts.Axis.prototype */ {
      * @param {number} to
      *        The axis value to end on.
      *
+     * @param {Highcharts.AxisPlotBandsOptions|Highcharts.AxisPlotLinesOptions} options
+     *        The plotBand or plotLine configuration object.
+     *
      * @return {Highcharts.SVGPathArray}
      *         The SVG path definition in array form.
      */
-    getPlotBandPath: function (from, to) {
+    getPlotBandPath: function (from, to, options) {
+        if (options === void 0) { options = this.options; }
         var toPath = this.getPlotLinePath({
             value: to,
             force: true,
-            acrossPanes: this.options.acrossPanes
+            acrossPanes: options.acrossPanes
         }), path = this.getPlotLinePath({
             value: from,
             force: true,
-            acrossPanes: this.options.acrossPanes
+            acrossPanes: options.acrossPanes
         }), result = [], i, 
         // #4964 check if chart is inverted or plotband is on yAxis
         horiz = this.horiz, plus = 1, isFlat, outside = (from < this.min && to < this.min) ||
@@ -947,7 +951,10 @@ extend(Axis.prototype, /** @lends Highcharts.Axis.prototype */ {
      * @return {Highcharts.PlotLineOrBand|undefined}
      */
     addPlotBandOrLine: function (options, coll) {
-        var obj = new PlotLineOrBand(this, options).render(), userOptions = this.userOptions;
+        var obj = new H.PlotLineOrBand(this, options), userOptions = this.userOptions;
+        if (this.visible) {
+            obj = obj.render();
+        }
         if (obj) { // #2189
             // Add it to the user options for exporting and Axis.update
             if (coll) {

package/es-modules/Core/Axis/StackingAxis.js

@@ -7,8 +7,10 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
+import A from '../Animation/AnimationUtilities.js';
+var getDeferredAnimation = A.getDeferredAnimation;
 import U from '../Utilities.js';
-var addEvent = U.addEvent, destroyObjectProperties = U.destroyObjectProperties, fireEvent = U.fireEvent, getDeferredAnimation = U.getDeferredAnimation, objectEach = U.objectEach, pick = U.pick;
+var addEvent = U.addEvent, destroyObjectProperties = U.destroyObjectProperties, fireEvent = U.fireEvent, objectEach = U.objectEach, pick = U.pick;
 /* eslint-disable valid-jsdoc */
 /**
  * Adds stacking support to axes.

package/es-modules/Core/Axis/TreeGridAxis.js

@@ -8,7 +8,7 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import H from '../Globals.js';
 import Axis from './Axis.js';
 import Tick from './Tick.js';
 import Tree from '../../Gantt/Tree.js';
@@ -16,7 +16,7 @@ import TreeGridTick from './TreeGridTick.js';
 import mixinTreeSeries from '../../Mixins/TreeSeries.js';
 var getLevelOptions = mixinTreeSeries.getLevelOptions;
 import U from '../Utilities.js';
-var addEvent = U.addEvent, find = U.find, fireEvent = U.fireEvent, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, wrap = U.wrap;
+var addEvent = U.addEvent, find = U.find, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, wrap = U.wrap;
 import './GridAxis.js';
 import './BrokenAxis.js';
 /**
@@ -140,6 +140,7 @@ var TreeGridAxis;
                     mapOfPosToGridNode[pos] = gridNode = {
                         depth: parentGridNode ? parentGridNode.depth + 1 : 0,
                         name: name,
+                        id: data.id,
                         nodes: [node],
                         children: [],
                         pos: pos
@@ -236,6 +237,11 @@ var TreeGridAxis;
                     if (s.visible) {
                         // Push all data to array
                         (s.options.data || []).forEach(function (data) {
+                            // For using keys - rebuild the data structure
+                            if (s.options.keys && s.options.keys.length) {
+                                data = s.pointClass.prototype.optionsToObject.call({ series: s }, data);
+                                H.seriesTypes.gantt.prototype.setGanttPointAliases(data);
+                            }
                             if (isObject(data, true)) {
                                 // Set series index on data. Removed again
                                 // after use.
@@ -271,12 +277,21 @@ var TreeGridAxis;
                 axis.treeGrid.tree = treeGrid.tree;
                 // Update yData now that we have calculated the y values
                 axis.series.forEach(function (series) {
-                    var data = (series.options.data || []).map(function (d) {
+                    var axisData = (series.options.data || []).map(function (d) {
+                        if (isArray(d) && series.options.keys && series.options.keys.length) {
+                            // Get the axisData from the data array used to
+                            // build the treeGrid where has been modified
+                            data.forEach(function (point) {
+                                if (d.indexOf(point.x) >= 0 && d.indexOf(point.x2) >= 0) {
+                                    d = point;
+                                }
+                            });
+                        }
                         return isObject(d, true) ? merge(d) : d;
                     });
                     // Avoid destroying points when series is not visible
                     if (series.visible) {
-                        series.setData(data, false);
+                        series.setData(axisData, false);
                     }
                 });
                 // Calculate the label options for each level in the tree.
@@ -551,6 +566,30 @@ var TreeGridAxis;
          *  Functions
          *
          * */
+        /**
+         * Set the collapse status.
+         *
+         * @private
+         *
+         * @param {Highcharts.Axis} axis
+         * The axis to check against.
+         *
+         * @param {Highcharts.GridNode} node
+         * The node to collapse.
+         */
+        Additions.prototype.setCollapsedStatus = function (node) {
+            var axis = this.axis, chart = axis.chart;
+            axis.series.forEach(function (series) {
+                var data = series.options.data;
+                if (node.id && data) {
+                    var point = chart.get(node.id), dataPoint = data[series.data.indexOf(point)];
+                    if (point && dataPoint) {
+                        point.collapsed = node.collapsed;
+                        dataPoint.collapsed = node.collapsed;
+                    }
+                }
+            });
+        };
         /**
          * Calculates the new axis breaks to collapse a node.
          *
@@ -571,6 +610,9 @@ var TreeGridAxis;
         Additions.prototype.collapse = function (node) {
             var axis = this.axis, breaks = (axis.options.breaks || []), obj = getBreakFromNode(node, axis.max);
             breaks.push(obj);
+            // Change the collapsed flag #13838
+            node.collapsed = true;
+            axis.treeGrid.setCollapsedStatus(node);
             return breaks;
         };
         /**
@@ -592,6 +634,9 @@ var TreeGridAxis;
          */
         Additions.prototype.expand = function (node) {
             var axis = this.axis, breaks = (axis.options.breaks || []), obj = getBreakFromNode(node, axis.max);
+            // Change the collapsed flag #13838
+            node.collapsed = false;
+            axis.treeGrid.setCollapsedStatus(node);
             // Remove the break from the axis breaks array.
             return breaks.reduce(function (arr, b) {
                 if (b.to !== obj.to || b.from !== obj.from) {
@@ -610,11 +655,11 @@ var TreeGridAxis;
          * List of positions.
          */
         Additions.prototype.getTickPositions = function () {
-            var axis = this.axis;
+            var axis = this.axis, roundedMin = Math.floor(axis.min / axis.tickInterval) * axis.tickInterval, roundedMax = Math.ceil(axis.max / axis.tickInterval) * axis.tickInterval;
             return Object.keys(axis.treeGrid.mapOfPosToGridNode || {}).reduce(function (arr, key) {
                 var pos = +key;
-                if (axis.min <= pos &&
-                    axis.max >= pos &&
+                if (pos >= roundedMin &&
+                    pos <= roundedMax &&
                     !(axis.brokenAxis && axis.brokenAxis.isInAnyBreak(pos))) {
                     arr.push(pos);
                 }

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

@@ -8,9 +8,12 @@
  *
  * */
 'use strict';
+import A from '../Animation/AnimationUtilities.js';
+var animate = A.animate, animObject = A.animObject, setAnimation = A.setAnimation;
 import Axis from '../Axis/Axis.js';
+import BaseSeries from '../Series/Series.js';
 import H from '../Globals.js';
-var charts = H.charts, doc = H.doc, seriesTypes = H.seriesTypes, win = H.win;
+var charts = H.charts, doc = H.doc, win = H.win;
 import Legend from '../Legend.js';
 import MSPointer from '../MSPointer.js';
 import O from '../Options.js';
@@ -18,7 +21,7 @@ var defaultOptions = O.defaultOptions;
 import Pointer from '../Pointer.js';
 import Time from '../Time.js';
 import U from '../Utilities.js';
-var addEvent = U.addEvent, animate = U.animate, animObject = U.animObject, attr = U.attr, createElement = U.createElement, css = U.css, defined = U.defined, discardElement = U.discardElement, erase = U.erase, error = U.error, extend = U.extend, find = U.find, fireEvent = U.fireEvent, getStyle = U.getStyle, isArray = U.isArray, isFunction = U.isFunction, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, numberFormat = U.numberFormat, objectEach = U.objectEach, pick = U.pick, pInt = U.pInt, relativeLength = U.relativeLength, removeEvent = U.removeEvent, setAnimation = U.setAnimation, splat = U.splat, syncTimeout = U.syncTimeout, uniqueKey = U.uniqueKey;
+var addEvent = U.addEvent, attr = U.attr, createElement = U.createElement, css = U.css, defined = U.defined, discardElement = U.discardElement, erase = U.erase, error = U.error, extend = U.extend, find = U.find, fireEvent = U.fireEvent, getStyle = U.getStyle, isArray = U.isArray, isFunction = U.isFunction, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, numberFormat = U.numberFormat, objectEach = U.objectEach, pick = U.pick, pInt = U.pInt, relativeLength = U.relativeLength, removeEvent = U.removeEvent, splat = U.splat, syncTimeout = U.syncTimeout, uniqueKey = U.uniqueKey;
 /**
  * Callback for chart constructors.
  *
@@ -374,13 +377,15 @@ var Chart = /** @class */ (function () {
     Chart.prototype.initSeries = function (options) {
         var chart = this, optionsChart = chart.options.chart, type = (options.type ||
             optionsChart.type ||
-            optionsChart.defaultSeriesType), series, Constr = seriesTypes[type];
+            optionsChart.defaultSeriesType), series, Constr = BaseSeries.seriesTypes[type];
         // No such series type
         if (!Constr) {
             error(17, true, chart, { missingModuleFor: type });
         }
-        series = new Constr();
-        series.init(this, options);
+        series = new Constr(chart, options);
+        if (typeof series.init === 'function') {
+            series.init(this, options);
+        }
         return series;
     };
     /**
@@ -530,7 +535,7 @@ var Chart = /** @class */ (function () {
         series.forEach(function (serie) {
             if (serie.isDirty) {
                 if (serie.options.legendType === 'point') {
-                    if (serie.updateTotals) {
+                    if (typeof serie.updateTotals === 'function') {
                         serie.updateTotals();
                     }
                     redrawLegend = true;
@@ -1578,7 +1583,7 @@ var Chart = /** @class */ (function () {
          */
         ['inverted', 'angular', 'polar'].forEach(function (key) {
             // The default series type's class
-            klass = seriesTypes[(optionsChart.type ||
+            klass = BaseSeries.seriesTypes[(optionsChart.type ||
                 optionsChart.defaultSeriesType)];
             // Get the value from available chart-wide properties
             value =
@@ -1590,7 +1595,7 @@ var Chart = /** @class */ (function () {
             // 4. Check if any the chart's series require it
             i = seriesOptions && seriesOptions.length;
             while (!value && i--) {
-                klass = seriesTypes[seriesOptions[i].type];
+                klass = BaseSeries.seriesTypes[seriesOptions[i].type];
                 if (klass && klass.prototype[key]) {
                     value = true;
                 }

package/es-modules/Core/Chart/Chart3D.js

@@ -13,13 +13,14 @@
 import Axis from '../Axis/Axis.js';
 import Axis3D from '../Axis/Axis3D.js';
 import Chart from './Chart.js';
+import Fx from '../Animation/Fx.js';
 import H from '../Globals.js';
 import Math3D from '../../Extensions/Math3D.js';
 var perspective = Math3D.perspective, shapeArea3D = Math3D.shapeArea3D;
 import O from '../Options.js';
 var genericDefaultOptions = O.defaultOptions;
 import U from '../Utilities.js';
-var addEvent = U.addEvent, Fx = U.Fx, isArray = U.isArray, merge = U.merge, pick = U.pick, wrap = U.wrap;
+var addEvent = U.addEvent, isArray = U.isArray, merge = U.merge, pick = U.pick, wrap = U.wrap;
 import ZAxis from '../Axis/ZAxis.js';
 var Chart3D;
 (function (Chart3D) {

package/es-modules/Core/Chart/GanttChart.js

@@ -9,7 +9,6 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
 import Chart from './Chart.js';
 import H from '../Globals.js';
 import U from '../Utilities.js';
@@ -97,7 +96,11 @@ H.ganttChart = function (renderTo, options, callback) {
             enabled: false
         },
         navigator: {
-            series: { type: 'gantt' }
+            series: { type: 'gantt' },
+            // Bars were clipped, #14060.
+            yAxis: {
+                type: 'category'
+            }
         }
     }, options, // user's options
     // forced options
@@ -105,13 +108,6 @@ H.ganttChart = function (renderTo, options, callback) {
         isGantt: true
     });
     options.series = userOptions.series = seriesOptions;
-    (options.series || []).forEach(function (series) {
-        if (series.data) {
-            series.data.forEach(function (point) {
-                H.seriesTypes.gantt.prototype.setGanttPointAliases(point);
-            });
-        }
-    });
     return hasRenderToArg ?
         new Chart(renderTo, options, callback) :
         new Chart(options, options); // @todo does not look correct

package/es-modules/Core/Chart/StockChart.js

@@ -7,16 +7,15 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
 import Axis from '../Axis/Axis.js';
 import Chart from '../Chart/Chart.js';
 import H from '../Globals.js';
+import LineSeries from '../../Series/LineSeries.js';
 import Point from '../Series/Point.js';
 import SVGRenderer from '../Renderer/SVG/SVGRenderer.js';
 import U from '../Utilities.js';
 var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, defined = U.defined, extend = U.extend, find = U.find, format = U.format, getOptions = U.getOptions, isNumber = U.isNumber, isString = U.isString, merge = U.merge, pick = U.pick, splat = U.splat;
 import '../Pointer.js';
-import '../Series/Series.js';
 // Has a dependency on Navigator due to the use of
 // defaultOptions.navigator
 import '../Navigator.js';
@@ -26,7 +25,7 @@ import '../Scrollbar.js';
 // Has a dependency on RangeSelector due to the use of
 // defaultOptions.rangeSelector
 import '../../Extensions/RangeSelector.js';
-var Series = H.Series, seriesProto = Series.prototype, seriesInit = seriesProto.init, seriesProcessData = seriesProto.processData, pointTooltipFormatter = Point.prototype.tooltipFormatter;
+var seriesProto = LineSeries.prototype, seriesInit = seriesProto.init, seriesProcessData = seriesProto.processData, pointTooltipFormatter = Point.prototype.tooltipFormatter;
 /**
  * Compare the values of the series against the first non-null, non-
  * zero value in the visible range. The y axis will show percentage
@@ -216,7 +215,7 @@ H.StockChart = H.stockChart = function (a, b, c) {
 };
 // Handle som Stock-specific series defaults, override the plotOptions before
 // series options are handled.
-addEvent(Series, 'setOptions', function (e) {
+addEvent(LineSeries, 'setOptions', function (e) {
     var overrides;
     if (this.chart.options.isStock) {
         if (this.is('column') || this.is('columnrange')) {
@@ -644,7 +643,7 @@ seriesProto.processData = function (force) {
     return;
 };
 // Modify series extremes
-addEvent(Series, 'afterGetExtremes', function (e) {
+addEvent(LineSeries, 'afterGetExtremes', function (e) {
     var dataExtremes = e.dataExtremes;
     if (this.modifyValue && dataExtremes) {
         var extremes = [
@@ -705,7 +704,7 @@ Point.prototype.tooltipFormatter = function (pointFormat) {
 // Extend the Series prototype to create a separate series clip box. This is
 // related to using multiple panes, and a future pane logic should incorporate
 // this feature (#2754).
-addEvent(Series, 'render', function () {
+addEvent(LineSeries, 'render', function () {
     var chart = this.chart, clipHeight;
     // Only do this on not 3d (#2939, #5904) nor polar (#6057) charts, and only
     // if the series type handles clipping in the animate method (#2975).
@@ -725,7 +724,7 @@ addEvent(Series, 'render', function () {
             }
         }
         // First render, initial clip box
-        if (!this.clipBox && this.animate) {
+        if (!this.clipBox && !chart.hasRendered) {
             this.clipBox = merge(chart.clipBox);
             this.clipBox.width = this.xAxis.len;
             this.clipBox.height = clipHeight;