highcharts 10.0.0 → 10.2.1

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

@@ -0,0 +1,468 @@
+/* *
+ *
+ *  (c) 2010-2021 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+import A from '../../Animation/AnimationUtilities.js';
+var getDeferredAnimation = A.getDeferredAnimation;
+import Axis from '../Axis.js';
+import SeriesRegistry from '../../Series/SeriesRegistry.js';
+var seriesProto = SeriesRegistry.series.prototype;
+import StackItem from './StackItem.js';
+import U from '../../Utilities.js';
+var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, destroyObjectProperties = U.destroyObjectProperties, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, objectEach = U.objectEach, pick = U.pick;
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * Generate stacks for each series and calculate stacks total values
+ *
+ * @private
+ * @function Highcharts.Chart#getStacks
+ */
+function chartGetStacks() {
+    var chart = this, inverted = chart.inverted;
+    // reset stacks for each yAxis
+    chart.yAxis.forEach(function (axis) {
+        if (axis.stacking && axis.stacking.stacks && axis.hasVisibleSeries) {
+            axis.stacking.oldStacks = axis.stacking.stacks;
+        }
+    });
+    chart.series.forEach(function (series) {
+        var xAxisOptions = series.xAxis && series.xAxis.options || {};
+        if (series.options.stacking &&
+            (series.visible === true ||
+                chart.options.chart.ignoreHiddenSeries === false)) {
+            series.stackKey = [
+                series.type,
+                pick(series.options.stack, ''),
+                inverted ? xAxisOptions.top : xAxisOptions.left,
+                inverted ? xAxisOptions.height : xAxisOptions.width
+            ].join(',');
+        }
+    });
+}
+/**
+ * @private
+ */
+function onAxisDestroy() {
+    var stacking = this.stacking;
+    if (!stacking) {
+        return;
+    }
+    var stacks = stacking.stacks;
+    // Destroy each stack total
+    objectEach(stacks, function (stack, stackKey) {
+        destroyObjectProperties(stack);
+        stacks[stackKey] = null;
+    });
+    if (stacking &&
+        stacking.stackTotalGroup) {
+        stacking.stackTotalGroup.destroy();
+    }
+}
+/**
+ * @private
+ */
+function onAxisInit() {
+    var axis = this;
+    if (!axis.stacking) {
+        axis.stacking = new AxisAdditions(axis);
+    }
+}
+/**
+ * Get stack indicator, according to it's x-value, to determine points with the
+ * same x-value
+ *
+ * @private
+ * @function Highcharts.Series#getStackIndicator
+ */
+function seriesGetStackIndicator(stackIndicator, x, index, key) {
+    // Update stack indicator, when:
+    // first point in a stack || x changed || stack type (negative vs positive)
+    // changed:
+    if (!defined(stackIndicator) ||
+        stackIndicator.x !== x ||
+        (key && stackIndicator.stackKey !== key)) {
+        stackIndicator = {
+            x: x,
+            index: 0,
+            key: key,
+            stackKey: key
+        };
+    }
+    else {
+        (stackIndicator).index++;
+    }
+    stackIndicator.key =
+        [index, x, stackIndicator.index].join(',');
+    return stackIndicator;
+}
+/**
+ * Iterate over all stacks and compute the absolute values to percent
+ *
+ * @private
+ * @function Highcharts.Series#modifyStacks
+ */
+function seriesModifyStacks() {
+    var series = this, yAxis = series.yAxis, stackKey = series.stackKey, stacks = yAxis.stacking.stacks, processedXData = series.processedXData, stacking = series.options.stacking, stacker = series[stacking + 'Stacker'];
+    var stackIndicator;
+    if (stacker) { // Modifier function exists (Series.percentStacker etc.)
+        [stackKey, '-' + stackKey].forEach(function (key) {
+            var i = processedXData.length, x, stack, pointExtremes;
+            while (i--) {
+                x = processedXData[i];
+                stackIndicator = series.getStackIndicator(stackIndicator, x, series.index, key);
+                stack = stacks[key] && stacks[key][x];
+                pointExtremes =
+                    stack && stack.points[stackIndicator.key];
+                if (pointExtremes) {
+                    stacker.call(series, pointExtremes, stack, i);
+                }
+            }
+        });
+    }
+}
+/**
+ * Modifier function for percent stacks. Blows up the stack to 100%.
+ *
+ * @private
+ * @function Highcharts.Series#percentStacker
+ */
+function seriesPercentStacker(pointExtremes, stack, i) {
+    var totalFactor = stack.total ? 100 / stack.total : 0;
+    // Y bottom value
+    pointExtremes[0] = correctFloat(pointExtremes[0] * totalFactor);
+    // Y value
+    pointExtremes[1] = correctFloat(pointExtremes[1] * totalFactor);
+    this.stackedYData[i] = pointExtremes[1];
+}
+/**
+ * Set grouped points in a stack-like object. When `centerInCategory` is true,
+ * and `stacking` is not enabled, we need a pseudo (horizontal) stack in order
+ * to handle grouping of points within the same category.
+ *
+ * @private
+ * @function Highcharts.Series#setStackedPoints
+ * @return {void}
+ */
+function seriesSetGroupedPoints() {
+    var stacking = this.yAxis.stacking;
+    if (this.options.centerInCategory &&
+        (this.is('column') || this.is('columnrange')) &&
+        // With stacking enabled, we already have stacks that we can compute
+        // from
+        !this.options.stacking &&
+        // With only one series, we don't need to consider centerInCategory
+        this.chart.series.length > 1) {
+        seriesProto.setStackedPoints.call(this, 'group');
+        // After updating, if we now have proper stacks, we must delete the group
+        // pseudo stacks (#14986)
+    }
+    else if (stacking) {
+        objectEach(stacking.stacks, function (type, key) {
+            if (key.slice(-5) === 'group') {
+                objectEach(type, function (stack) { return stack.destroy(); });
+                delete stacking.stacks[key];
+            }
+        });
+    }
+}
+/**
+ * Adds series' points value to corresponding stack
+ *
+ * @private
+ * @function Highcharts.Series#setStackedPoints
+ */
+function seriesSetStackedPoints(stackingParam) {
+    var stacking = stackingParam || this.options.stacking;
+    if (!stacking || (this.visible !== true &&
+        this.chart.options.chart.ignoreHiddenSeries !== false)) {
+        return;
+    }
+    var series = this, xData = series.processedXData, yData = series.processedYData, stackedYData = [], yDataLength = yData.length, seriesOptions = series.options, threshold = seriesOptions.threshold, stackThreshold = pick(seriesOptions.startFromThreshold && threshold, 0), stackOption = seriesOptions.stack, stackKey = stackingParam ? "".concat(series.type, ",").concat(stacking) : series.stackKey, negKey = '-' + stackKey, negStacks = series.negStacks, yAxis = series.yAxis, stacks = yAxis.stacking.stacks, oldStacks = yAxis.stacking.oldStacks;
+    var stackIndicator, isNegative, stack, other, key, pointKey, i, x, y;
+    yAxis.stacking.stacksTouched += 1;
+    // loop over the non-null y values and read them into a local array
+    for (i = 0; i < yDataLength; i++) {
+        x = xData[i];
+        y = yData[i];
+        stackIndicator = series.getStackIndicator(stackIndicator, x, series.index);
+        pointKey = stackIndicator.key;
+        // Read stacked values into a stack based on the x value,
+        // the sign of y and the stack key. Stacking is also handled for null
+        // values (#739)
+        isNegative = negStacks && y < (stackThreshold ? 0 : threshold);
+        key = isNegative ? negKey : stackKey;
+        // Create empty object for this stack if it doesn't exist yet
+        if (!stacks[key]) {
+            stacks[key] = {};
+        }
+        // Initialize StackItem for this x
+        if (!stacks[key][x]) {
+            if (oldStacks[key] &&
+                oldStacks[key][x]) {
+                stacks[key][x] = oldStacks[key][x];
+                stacks[key][x].total = null;
+            }
+            else {
+                stacks[key][x] = new StackItem(yAxis, yAxis.options.stackLabels, !!isNegative, x, stackOption);
+            }
+        }
+        // If the StackItem doesn't exist, create it first
+        stack = stacks[key][x];
+        if (y !== null) {
+            stack.points[pointKey] = stack.points[series.index] =
+                [pick(stack.cumulative, stackThreshold)];
+            // Record the base of the stack
+            if (!defined(stack.cumulative)) {
+                stack.base = pointKey;
+            }
+            stack.touched = yAxis.stacking.stacksTouched;
+            // In area charts, if there are multiple points on the same X value,
+            // let the area fill the full span of those points
+            if (stackIndicator.index > 0 && series.singleStacks === false) {
+                stack.points[pointKey][0] =
+                    stack.points[series.index + ',' + x + ',0'][0];
+            }
+            // When updating to null, reset the point stack (#7493)
+        }
+        else {
+            stack.points[pointKey] = stack.points[series.index] =
+                null;
+        }
+        // Add value to the stack total
+        if (stacking === 'percent') {
+            // Percent stacked column, totals are the same for the positive and
+            // negative stacks
+            other = isNegative ? stackKey : negKey;
+            if (negStacks && stacks[other] && stacks[other][x]) {
+                other = stacks[other][x];
+                stack.total = other.total =
+                    Math.max(other.total, stack.total) +
+                        Math.abs(y) ||
+                        0;
+                // Percent stacked areas
+            }
+            else {
+                stack.total =
+                    correctFloat(stack.total + (Math.abs(y) || 0));
+            }
+        }
+        else if (stacking === 'group') {
+            if (isArray(y)) {
+                y = y[0];
+            }
+            // In this stack, the total is the number of valid points
+            if (y !== null) {
+                stack.total = (stack.total || 0) + 1;
+            }
+        }
+        else {
+            stack.total = correctFloat(stack.total + (y || 0));
+        }
+        if (stacking === 'group') {
+            // This point's index within the stack, pushed to stack.points[1]
+            stack.cumulative = (stack.total || 1) - 1;
+        }
+        else {
+            stack.cumulative =
+                pick(stack.cumulative, stackThreshold) + (y || 0);
+        }
+        if (y !== null) {
+            stack.points[pointKey].push(stack.cumulative);
+            stackedYData[i] = stack.cumulative;
+            stack.hasValidPoints = true;
+        }
+    }
+    if (stacking === 'percent') {
+        yAxis.stacking.usePercentage = true;
+    }
+    if (stacking !== 'group') {
+        this.stackedYData = stackedYData; // To be used in getExtremes
+    }
+    // Reset old stacks
+    yAxis.stacking.oldStacks = {};
+}
+/* *
+ *
+ *  Classes
+ *
+ * */
+/**
+ * Adds stacking support to axes.
+ * @private
+ * @class
+ */
+var AxisAdditions = /** @class */ (function () {
+    /* *
+     *
+     *  Constructors
+     *
+     * */
+    function AxisAdditions(axis) {
+        this.oldStacks = {};
+        this.stacks = {};
+        this.stacksTouched = 0;
+        this.axis = axis;
+    }
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Build the stacks from top down
+     * @private
+     */
+    AxisAdditions.prototype.buildStacks = function () {
+        var stacking = this;
+        var axis = stacking.axis;
+        var axisSeries = axis.series;
+        var reversedStacks = axis.options.reversedStacks;
+        var len = axisSeries.length;
+        var actualSeries, i;
+        if (!axis.isXAxis) {
+            stacking.usePercentage = false;
+            i = len;
+            while (i--) {
+                actualSeries = axisSeries[reversedStacks ? i : len - i - 1];
+                actualSeries.setStackedPoints();
+                actualSeries.setGroupedPoints();
+            }
+            // Loop up again to compute percent and stream stack
+            for (i = 0; i < len; i++) {
+                axisSeries[i].modifyStacks();
+            }
+            fireEvent(axis, 'afterBuildStacks');
+        }
+    };
+    /**
+     * @private
+     */
+    AxisAdditions.prototype.cleanStacks = function () {
+        var stacking = this, axis = stacking.axis;
+        var stacks;
+        if (!axis.isXAxis) {
+            if (stacking.oldStacks) {
+                stacks = stacking.stacks = stacking.oldStacks;
+            }
+            // reset stacks
+            objectEach(stacks, function (type) {
+                objectEach(type, function (stack) {
+                    stack.cumulative = stack.total;
+                });
+            });
+        }
+    };
+    /**
+     * Set all the stacks to initial states and destroy unused ones.
+     * @private
+     */
+    AxisAdditions.prototype.resetStacks = function () {
+        var stacking = this, axis = stacking.axis, stacks = stacking.stacks;
+        if (!axis.isXAxis) {
+            objectEach(stacks, function (type) {
+                objectEach(type, function (stack, x) {
+                    // Clean up memory after point deletion (#1044, #4320)
+                    if (isNumber(stack.touched) &&
+                        stack.touched < stacking.stacksTouched) {
+                        stack.destroy();
+                        delete type[x];
+                        // Reset stacks
+                    }
+                    else {
+                        stack.total = null;
+                        stack.cumulative = null;
+                    }
+                });
+            });
+        }
+    };
+    /**
+     * @private
+     */
+    AxisAdditions.prototype.renderStackTotals = function () {
+        var stacking = this, axis = stacking.axis, chart = axis.chart, renderer = chart.renderer, stacks = stacking.stacks, stackLabelsAnim = axis.options.stackLabels &&
+            axis.options.stackLabels.animation, animationConfig = getDeferredAnimation(chart, stackLabelsAnim || false), stackTotalGroup = stacking.stackTotalGroup = (stacking.stackTotalGroup ||
+            renderer
+                .g('stack-labels')
+                .attr({
+                zIndex: 6,
+                opacity: 0
+            })
+                .add());
+        // plotLeft/Top will change when y axis gets wider so we need to
+        // translate the stackTotalGroup at every render call. See bug #506
+        // and #516
+        stackTotalGroup.translate(chart.plotLeft, chart.plotTop);
+        // Render each stack total
+        objectEach(stacks, function (type) {
+            objectEach(type, function (stack) {
+                stack.render(stackTotalGroup);
+            });
+        });
+        stackTotalGroup.animate({
+            opacity: 1
+        }, animationConfig);
+    };
+    return AxisAdditions;
+}());
+/* *
+ *
+ *  Composition
+ *
+ * */
+var StackingAxis;
+(function (StackingAxis) {
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    var composedClasses = [];
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Extends axis with stacking support.
+     * @private
+     */
+    function compose(AxisClass, ChartClass, SeriesClass) {
+        if (composedClasses.indexOf(AxisClass) === -1) {
+            composedClasses.push(AxisClass);
+            addEvent(AxisClass, 'init', onAxisInit);
+            addEvent(AxisClass, 'destroy', onAxisDestroy);
+        }
+        if (composedClasses.indexOf(ChartClass) === -1) {
+            composedClasses.push(ChartClass);
+            var chartProto = ChartClass.prototype;
+            chartProto.getStacks = chartGetStacks;
+        }
+        if (composedClasses.indexOf(SeriesClass) === -1) {
+            composedClasses.push(SeriesClass);
+            var seriesProto_1 = SeriesClass.prototype;
+            seriesProto_1.getStackIndicator = seriesGetStackIndicator;
+            seriesProto_1.modifyStacks = seriesModifyStacks;
+            seriesProto_1.percentStacker = seriesPercentStacker;
+            seriesProto_1.setGroupedPoints = seriesSetGroupedPoints;
+            seriesProto_1.setStackedPoints = seriesSetStackedPoints;
+        }
+    }
+    StackingAxis.compose = compose;
+})(StackingAxis || (StackingAxis = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default StackingAxis;

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

@@ -113,7 +113,8 @@ var Tick = /** @class */ (function () {
                 dateTimeLabelFormat = dateTimeLabelFormats.main;
             }
             else if (isNumber(value)) { // #1441
-                dateTimeLabelFormat = axis.dateTime.getXDateFormat(value, (options.dateTimeLabelFormats || {}));
+                dateTimeLabelFormat = axis.dateTime.getXDateFormat(value, options.dateTimeLabelFormats ||
+                    {});
             }
         }
         // set properties for access in render method
@@ -270,7 +271,7 @@ var Tick = /** @class */ (function () {
     Tick.prototype.getPosition = function (horiz, tickPos, tickmarkOffset, old) {
         var axis = this.axis, chart = axis.chart, cHeight = (old && chart.oldChartHeight) || chart.chartHeight, pos = {
             x: horiz ?
-                correctFloat(axis.translate(tickPos + tickmarkOffset, null, null, old) +
+                correctFloat(axis.translate(tickPos + tickmarkOffset, void 0, void 0, old) +
                     axis.transB) :
                 (axis.left +
                     axis.offset +
@@ -286,7 +287,7 @@ var Tick = /** @class */ (function () {
                     axis.offset -
                     (axis.opposite ? axis.height : 0)) :
                 correctFloat(cHeight -
-                    axis.translate(tickPos + tickmarkOffset, null, null, old) -
+                    axis.translate(tickPos + tickmarkOffset, void 0, void 0, old) -
                     axis.transB)
         };
         // Chrome workaround for #10516
@@ -307,19 +308,22 @@ var Tick = /** @class */ (function () {
         labelOffsetCorrection = (!horiz && !axis.reserveSpaceDefault ?
             -axis.labelOffset * (axis.labelAlign === 'center' ? 0.5 : 1) :
             0), pos = {};
-        var yOffset = labelOptions.y, line;
-        if (!defined(yOffset)) {
-            if (axis.side === 0) {
-                yOffset = label.rotation ? -8 : -label.getBBox().height;
-            }
-            else if (axis.side === 2) {
-                yOffset = rotCorr.y + 8;
-            }
-            else {
-                // #3140, #3140
-                yOffset = Math.cos(label.rotation * deg2rad) *
-                    (rotCorr.y - label.getBBox(false, 0).height / 2);
-            }
+        var yOffset, line;
+        if (axis.side === 0) {
+            yOffset = label.rotation ? -8 : -label.getBBox().height;
+        }
+        else if (axis.side === 2) {
+            yOffset = rotCorr.y + 8;
+        }
+        else {
+            // #3140, #3140
+            yOffset = Math.cos(label.rotation * deg2rad) *
+                (rotCorr.y - label.getBBox(false, 0).height / 2);
+        }
+        if (defined(labelOptions.y)) {
+            yOffset = axis.side === 0 && axis.horiz ?
+                labelOptions.y + yOffset :
+                labelOptions.y;
         }
         x = x +
             labelOptions.x +
@@ -647,11 +651,11 @@ var Tick = /** @class */ (function () {
             // Set the new position, and show or hide
             if (show && isNumber(xy.y)) {
                 xy.opacity = opacity;
-                label[tick.isNewLabel ? 'attr' : 'animate'](xy);
+                label[tick.isNewLabel ? 'attr' : 'animate'](xy).show(true);
                 tick.isNewLabel = false;
             }
             else {
-                label.attr('y', -9999); // #1338
+                label.hide(); // #1338, #15863
                 tick.isNewLabel = true;
             }
         }