highcharts 9.3.3 → 10.2.0

package/es-modules/Extensions/OfflineExporting/OfflineExporting.js

@@ -20,9 +20,11 @@ var downloadURL = DownloadURL.downloadURL;
 import Exporting from '../Exporting/Exporting.js';
 import H from '../../Core/Globals.js';
 var win = H.win, doc = H.doc;
+import HU from '../../Core/HttpUtilities.js';
+var ajax = HU.ajax;
 import OfflineExportingDefaults from './OfflineExportingDefaults.js';
 import U from '../../Core/Utilities.js';
-var addEvent = U.addEvent, error = U.error, extend = U.extend, fireEvent = U.fireEvent, merge = U.merge;
+var addEvent = U.addEvent, error = U.error, extend = U.extend, fireEvent = U.fireEvent, pick = U.pick, merge = U.merge;
 AST.allowedAttributes.push('data-z-index', 'fill-opacity', 'rx', 'ry', 'stroke-dasharray', 'stroke-linejoin', 'text-anchor', 'transform', 'version', 'viewBox', 'visibility', 'xmlns', 'xmlns:xlink');
 AST.allowedTags.push('desc', 'clippath', 'g');
 /* *
@@ -110,9 +112,82 @@ var OfflineExporting;
             '.' +
             (imageType === 'image/svg+xml' ?
                 'svg' : imageType.split('/')[1])), scale = options.scale || 1;
-        var svgurl, blob, finallyHandler, libURL = (options.libURL || defaultOptions.exporting.libURL), objectURLRevoke = true;
+        var svgurl, blob, finallyHandler, libURL = (options.libURL || defaultOptions.exporting.libURL), objectURLRevoke = true, pdfFont = options.pdfFont;
         // Allow libURL to end with or without fordward slash
         libURL = libURL.slice(-1) !== '/' ? libURL + '/' : libURL;
+        /*
+         * Detect if we need to load TTF fonts for the PDF, then load them and
+         * proceed.
+         *
+         * @private
+         */
+        var loadPdfFonts = function (svgElement, callback) {
+            var hasNonASCII = function (s) { return (
+            // eslint-disable-next-line no-control-regex
+            /[^\u0000-\u007F\u200B]+/.test(s)); };
+            // Register an event in order to add the font once jsPDF is
+            // initialized
+            var addFont = function (variant, base64) {
+                win.jspdf.jsPDF.API.events.push([
+                    'initialized',
+                    function () {
+                        this.addFileToVFS(variant, base64);
+                        this.addFont(variant, 'HighchartsFont', variant);
+                        if (!this.getFontList().HighchartsFont) {
+                            this.setFont('HighchartsFont');
+                        }
+                    }
+                ]);
+            };
+            // If there are no non-ASCII characters in the SVG, do not use
+            // bother downloading the font files
+            if (pdfFont && !hasNonASCII(svgElement.textContent || '')) {
+                pdfFont = void 0;
+            }
+            // Add new font if the URL is declared, #6417.
+            var variants = ['normal', 'italic', 'bold', 'bolditalic'];
+            // Shift the first element off the variants and add as a font.
+            // Then asynchronously trigger the next variant until calling the
+            // callback when the variants are empty.
+            var normalBase64;
+            var shiftAndLoadVariant = function () {
+                var variant = variants.shift();
+                // All variants shifted and possibly loaded, proceed
+                if (!variant) {
+                    return callback();
+                }
+                var url = pdfFont && pdfFont[variant];
+                if (url) {
+                    ajax({
+                        url: url,
+                        responseType: 'blob',
+                        success: function (data, xhr) {
+                            var reader = new FileReader();
+                            reader.onloadend = function () {
+                                if (typeof this.result === 'string') {
+                                    var base64 = this.result.split(',')[1];
+                                    addFont(variant, base64);
+                                    if (variant === 'normal') {
+                                        normalBase64 = base64;
+                                    }
+                                }
+                                shiftAndLoadVariant();
+                            };
+                            reader.readAsDataURL(xhr.response);
+                        },
+                        error: shiftAndLoadVariant
+                    });
+                }
+                else {
+                    // For other variants, fall back to normal text weight/style
+                    if (normalBase64) {
+                        addFont(variant, normalBase64);
+                    }
+                    shiftAndLoadVariant();
+                }
+            };
+            shiftAndLoadVariant();
+        };
         /*
          * @private
          */
@@ -137,13 +212,17 @@ var OfflineExporting;
             // Workaround for the text styling. Making sure it does pick up
             // settings for parent elements.
             [].forEach.call(textElements, function (el) {
-                // Workaround for the text styling. making sure it does pick up@
+                // Workaround for the text styling. making sure it does pick up
                 // the root element
                 ['font-family', 'font-size'].forEach(function (property) {
                     setStylePropertyFromParents(el, property);
                 });
-                el.style['font-family'] = (el.style['font-family'] &&
-                    el.style['font-family'].split(' ').splice(-1));
+                el.style.fontFamily = pdfFont && pdfFont.normal ?
+                    // Custom PDF font
+                    'HighchartsFont' :
+                    // Generic font (serif, sans-serif etc)
+                    String(el.style.fontFamily &&
+                        el.style.fontFamily.split(' ').splice(-1));
                 // Workaround for plotband with width, removing title from text
                 // nodes
                 titleElements = el.getElementsByTagName('title');
@@ -151,15 +230,21 @@ var OfflineExporting;
                     el.removeChild(titleElement);
                 });
             });
-            var svgData = svgToPdf(dummySVGContainer.firstChild, 0);
-            try {
-                downloadURL(svgData, filename);
-                if (successCallback) {
-                    successCallback();
-                }
-            }
-            catch (e) {
-                failCallback(e);
+            var svgNode = dummySVGContainer.querySelector('svg');
+            if (svgNode) {
+                loadPdfFonts(svgNode, function () {
+                    svgToPdf(svgNode, 0, function (pdfData) {
+                        try {
+                            downloadURL(pdfData, filename);
+                            if (successCallback) {
+                                successCallback();
+                            }
+                        }
+                        catch (e) {
+                            failCallback(e);
+                        }
+                    });
+                });
             }
         };
         // Initiate download depending on file type
@@ -185,7 +270,7 @@ var OfflineExporting;
             }
         }
         else if (imageType === 'application/pdf') {
-            if (win.jsPDF && win.svg2pdf) {
+            if (win.jspdf && win.jspdf.jsPDF) {
                 downloadPDF();
             }
             else {
@@ -194,9 +279,7 @@ var OfflineExporting;
                 // solution would be nice, but this will do for now.
                 objectURLRevoke = true;
                 getScript(libURL + 'jspdf.js', function () {
-                    getScript(libURL + 'svg2pdf.js', function () {
-                        downloadPDF();
-                    });
+                    getScript(libURL + 'svg2pdf.js', downloadPDF);
                 });
             }
         }
@@ -571,8 +654,8 @@ var OfflineExporting;
     /**
      * @private
      */
-    function svgToPdf(svgElement, margin) {
-        var width = svgElement.width.baseVal.value + 2 * margin, height = svgElement.height.baseVal.value + 2 * margin, pdf = new win.jsPDF(// eslint-disable-line new-cap
+    function svgToPdf(svgElement, margin, callback) {
+        var width = Number(svgElement.getAttribute('width')) + 2 * margin, height = Number(svgElement.getAttribute('height')) + 2 * margin, pdfDoc = new win.jspdf.jsPDF(// eslint-disable-line new-cap
         // setting orientation to portrait if height exceeds width
         height > width ? 'p' : 'l', 'pt', [width, height]);
         // Workaround for #7090, hidden elements were drawn anyway. It comes
@@ -604,8 +687,13 @@ var OfflineExporting;
                 tspan.setAttribute('dx', -5);
             }
         });
-        win.svg2pdf(svgElement, pdf, { removeInvalid: true });
-        return pdf.output('datauristring');
+        pdfDoc.svg(svgElement, {
+            x: 0,
+            y: 0,
+            width: width,
+            height: height,
+            removeInvalid: true
+        }).then(function () { return callback(pdfDoc.output('datauristring')); });
     }
     OfflineExporting.svgToPdf = svgToPdf;
 })(OfflineExporting || (OfflineExporting = {}));

package/es-modules/Extensions/OfflineExporting/OfflineExportingDefaults.js

@@ -14,7 +14,7 @@
  *
  * */
 var OfflineExportingDefaults = {
-    libURL: 'https://code.highcharts.com/9.3.3/lib/',
+    libURL: 'https://code.highcharts.com/10.2.0/lib/',
     // When offline-exporting is loaded, redefine the menu item definitions
     // related to download.
     menuItemDefinitions: {

package/es-modules/Extensions/Oldie/Oldie.js

@@ -36,7 +36,7 @@ var VMLRenderer, VMLElement;
  * @apioption global.VMLRadialGradientURL
  */
 getOptions().global.VMLRadialGradientURL =
-    'http://code.highcharts.com/9.3.3/gfx/vml-radial-gradient.png';
+    'http://code.highcharts.com/10.2.0/gfx/vml-radial-gradient.png';
 // Utilites
 if (doc && !doc.defaultView) {
     H.getStyle = U.getStyle = function getStyle(el, prop) {
@@ -498,7 +498,7 @@ if (!svg) {
                     // apply the opacity
                     markup = [
                         '<stroke color="',
-                        shadowOptions.color || "#000000" /* neutralColor100 */,
+                        shadowOptions.color || "#000000" /* Palette.neutralColor100 */,
                         '" opacity="', shadowElementOpacity * i, '"/>'
                     ];
                     createElement(renderer.prepVML(markup), null, null, shadow);

package/es-modules/Extensions/OverlappingDataLabels.js

@@ -34,9 +34,7 @@ addEvent(Chart, 'render', function collectAndHide() {
             !yAxis.options.stackLabels.allowOverlap) {
             objectEach(yAxis.stacking.stacks, function (stack) {
                 objectEach(stack, function (stackItem) {
-                    if (stackItem.label &&
-                        stackItem.label.visibility !== 'hidden' // #15607
-                    ) {
+                    if (stackItem.label) {
                         labels.push(stackItem.label);
                     }
                 });
@@ -162,7 +160,10 @@ Chart.prototype.hideOverlappingLabels = function (labels) {
                 box2 &&
                 label1 !== label2 && // #6465, polar chart with connectEnds
                 label1.newOpacity !== 0 &&
-                label2.newOpacity !== 0) {
+                label2.newOpacity !== 0 &&
+                // #15863 dataLabels are no longer hidden by translation
+                label1.visibility !== 'hidden' &&
+                label2.visibility !== 'hidden') {
                 if (isIntersectRect(box1, box2)) {
                     (label1.labelrank < label2.labelrank ? label1 : label2)
                         .newOpacity = 0;

package/es-modules/Extensions/Pane.js

@@ -158,7 +158,7 @@ var Pane = /** @class */ (function () {
              * @since   2.3.0
              * @product highcharts
              */
-            borderColor: "#cccccc" /* neutralColor20 */,
+            borderColor: "#cccccc" /* Palette.neutralColor20 */,
             /**
              * The background color or gradient for the pane.
              *
@@ -172,8 +172,8 @@ var Pane = /** @class */ (function () {
                 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                 /** @ignore-option */
                 stops: [
-                    [0, "#ffffff" /* backgroundColor */],
-                    [1, "#e6e6e6" /* neutralColor10 */]
+                    [0, "#ffffff" /* Palette.backgroundColor */],
+                    [1, "#e6e6e6" /* Palette.neutralColor10 */]
                 ]
             },
             /** @ignore-option */

package/es-modules/Extensions/ParallelCoordinates.js

@@ -246,7 +246,7 @@ addEvent(Series, 'afterTranslate', function () {
                 }
                 point.clientX = point.plotX;
                 point.plotY = chart.yAxis[i]
-                    .translate(point.y, false, true, null, true);
+                    .translate(point.y, false, true, void 0, true);
                 if (typeof lastPlotX !== 'undefined') {
                     closestPointRangePx = Math.min(closestPointRangePx, Math.abs(point.plotX - lastPlotX));
                 }

package/es-modules/Extensions/PatternFill.js

@@ -21,7 +21,7 @@ import Point from '../Core/Series/Point.js';
 import Series from '../Core/Series/Series.js';
 import SVGRenderer from '../Core/Renderer/SVG/SVGRenderer.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, erase = U.erase, merge = U.merge, pick = U.pick, removeEvent = U.removeEvent, wrap = U.wrap;
+var addEvent = U.addEvent, defined = U.defined, erase = U.erase, merge = U.merge, pick = U.pick, removeEvent = U.removeEvent, wrap = U.wrap;
 // Add the predefined patterns
 var patterns = H.patterns = (function () {
     var patterns = [], colors = getOptions().colors;
@@ -133,6 +133,12 @@ Point.prototype.calculatePatternDimensions = function (pattern) {
         if (!bBox.width || !bBox.height) {
             pattern._width = 'defer';
             pattern._height = 'defer';
+            // Mark the pattern to be flipped later if upside down (#16810)
+            var scaleY = this.series.chart.mapView &&
+                this.series.chart.mapView.getSVGTransform().scaleY;
+            if (defined(scaleY) && scaleY < 0) {
+                pattern._inverted = true;
+            }
             return;
         }
         // Handle aspect ratio filling
@@ -221,6 +227,12 @@ SVGRenderer.prototype.addPattern = function (options, animation) {
         x: options._x || options.x || 0,
         y: options._y || options.y || 0
     };
+    if (options._inverted) {
+        attrs.patternTransform = 'scale(1, -1)'; // (#16810)
+        if (options.patternTransform) {
+            options.patternTransform += ' scale(1, -1)';
+        }
+    }
     if (options.patternTransform) {
         attrs.patternTransform = options.patternTransform;
     }
@@ -386,7 +398,7 @@ addEvent(SVGRenderer, 'complexColor', function (args) {
         // Add it. This function does nothing if an element with this ID
         // already exists.
         this.addPattern(pattern, !this.forExport && pick(pattern.animation, this.globalAnimation, { duration: 100 }));
-        value = "url(" + this.url + "#" + (pattern.id + (this.forExport ? '-export' : '')) + ")";
+        value = "url(".concat(this.url, "#").concat(pattern.id + (this.forExport ? '-export' : ''), ")");
     }
     else {
         // Not a full pattern definition, just add color

package/es-modules/Extensions/RangeSelector.js

@@ -479,7 +479,7 @@ extend(defaultOptions, {
          */
         inputStyle: {
             /** @ignore */
-            color: "#335cad" /* highlightColor80 */,
+            color: "#335cad" /* Palette.highlightColor80 */,
             /** @ignore */
             cursor: 'pointer'
         },
@@ -496,7 +496,7 @@ extend(defaultOptions, {
          */
         labelStyle: {
             /** @ignore */
-            color: "#666666" /* neutralColor60 */
+            color: "#666666" /* Palette.neutralColor60 */
         }
     }
 });
@@ -582,7 +582,7 @@ var RangeSelector = /** @class */ (function () {
      */
     RangeSelector.prototype.clickButton = function (i, redraw) {
         var rangeSelector = this, chart = rangeSelector.chart, rangeOptions = rangeSelector.buttonOptions[i], baseAxis = chart.xAxis[0], unionExtremes = (chart.scroller && chart.scroller.getUnionExtremes()) || baseAxis || {}, dataMin = unionExtremes.dataMin, dataMax = unionExtremes.dataMax, newMin, newMax = baseAxis && Math.round(Math.min(baseAxis.max, pick(dataMax, baseAxis.max))), // #1568
-        type = rangeOptions.type, baseXAxisOptions, range = rangeOptions._range, rangeMin, minSetting, rangeSetting, ctx, ytdExtremes, dataGrouping = rangeOptions.dataGrouping;
+        type = rangeOptions.type, baseXAxisOptions, range = rangeOptions._range, rangeMin, minSetting, rangeSetting, ctx, ytdExtremes, dataGrouping = rangeOptions.dataGrouping, addOffsetMin = true;
         // chart has no data, base series is removed
         if (dataMin === null || dataMax === null) {
             return;
@@ -615,12 +615,16 @@ var RangeSelector = /** @class */ (function () {
                 if (isNumber(ctx.newMax)) {
                     newMax = ctx.newMax;
                 }
+                // #15799: offsetMin is added in minFromRange so that it works
+                // with pre-selected buttons as well
+                addOffsetMin = false;
             }
             // Fixed times like minutes, hours, days
         }
         else if (range) {
             newMin = Math.max(newMax - range, dataMin);
             newMax = Math.min(newMin + range, dataMax);
+            addOffsetMin = false;
         }
         else if (type === 'ytd') {
             // On user clicks on the buttons, or a delayed action running from
@@ -631,14 +635,17 @@ var RangeSelector = /** @class */ (function () {
                 // event (below). When the series are initialized, but before
                 // the chart is rendered, we have access to the xData array
                 // (#942).
-                if (typeof dataMax === 'undefined') {
+                if (typeof dataMax === 'undefined' ||
+                    typeof dataMin === 'undefined') {
                     dataMin = Number.MAX_VALUE;
                     dataMax = Number.MIN_VALUE;
                     chart.series.forEach(function (series) {
                         // reassign it to the last item
                         var xData = series.xData;
-                        dataMin = Math.min(xData[0], dataMin);
-                        dataMax = Math.max(xData[xData.length - 1], dataMax);
+                        if (xData) {
+                            dataMin = Math.min(xData[0], dataMin);
+                            dataMax = Math.max(xData[xData.length - 1], dataMax);
+                        }
                     });
                     redraw = false;
                 }
@@ -658,16 +665,15 @@ var RangeSelector = /** @class */ (function () {
             // If the navigator exist and the axis range is declared reset that
             // range and from now on only use the range set by a user, #14742.
             if (chart.navigator && chart.navigator.baseSeries[0]) {
-                chart.navigator.baseSeries[0].xAxis.options
-                    .range = void 0;
+                chart.navigator.baseSeries[0].xAxis.options.range = void 0;
             }
             newMin = dataMin;
             newMax = dataMax;
         }
-        if (defined(newMin)) {
+        if (addOffsetMin && rangeOptions._offsetMin && defined(newMin)) {
             newMin += rangeOptions._offsetMin;
         }
-        if (defined(newMax)) {
+        if (rangeOptions._offsetMax && defined(newMax)) {
             newMax += rangeOptions._offsetMax;
         }
         if (this.dropdown) {
@@ -719,10 +725,10 @@ var RangeSelector = /** @class */ (function () {
         var rangeSelector = this, options = chart.options.rangeSelector, buttonOptions = (options.buttons || rangeSelector.defaultButtons.slice()), selectedOption = options.selected, blurInputs = function () {
             var minInput = rangeSelector.minInput, maxInput = rangeSelector.maxInput;
             // #3274 in some case blur is not defined
-            if (minInput && minInput.blur) {
+            if (minInput && (minInput.blur)) {
                 fireEvent(minInput, 'blur');
             }
-            if (maxInput && maxInput.blur) {
+            if (maxInput && (maxInput.blur)) {
                 fireEvent(maxInput, 'blur');
             }
         };
@@ -1010,7 +1016,7 @@ var RangeSelector = /** @class */ (function () {
         }
         else if (H.isSafari && !hasTimezone(input)) {
             var offset = new Date(input).getTimezoneOffset() / 60;
-            input += offset <= 0 ? "+" + pad(-offset) + ":00" : "-" + pad(offset) + ":00";
+            input += offset <= 0 ? "+".concat(pad(-offset), ":00") : "-".concat(pad(offset), ":00");
         }
         var date = Date.parse(input);
         // If the value isn't parsed directly to a value by the
@@ -1116,7 +1122,7 @@ var RangeSelector = /** @class */ (function () {
             // Styles
             label.css(merge(chartStyle, options.labelStyle));
             dateBox.css(merge({
-                color: "#333333" /* neutralColor80 */
+                color: "#333333" /* Palette.neutralColor80 */
             }, chartStyle, options.inputStyle));
             css(input, extend({
                 position: 'absolute',
@@ -1700,7 +1706,7 @@ var RangeSelector = /** @class */ (function () {
         var userButtonTheme = (chart.userOptions.rangeSelector &&
             chart.userOptions.rangeSelector.buttonTheme) || {};
         var getAttribs = function (text) { return ({
-            text: text ? text + " \u25BE" : '▾',
+            text: text ? "".concat(text, " \u25BE") : '▾',
             width: 'auto',
             paddingLeft: pick(options.buttonTheme.paddingLeft, userButtonTheme.padding, 8),
             paddingRight: pick(options.buttonTheme.paddingRight, userButtonTheme.padding, 8)
@@ -1999,8 +2005,8 @@ Axis.prototype.minFromRange = function () {
         min = max - rangeOptions;
         range = rangeOptions;
     }
-    else {
-        min = max + getTrueRange(max, -rangeOptions.count);
+    else if (rangeOptions) {
+        min = max + getTrueRange(max, -(rangeOptions.count || 1));
         // Let the fixedRange reflect initial settings (#5930)
         if (this.chart) {
             this.chart.fixedRange = max - min;
@@ -2015,11 +2021,16 @@ Axis.prototype.minFromRange = function () {
         if (typeof range === 'undefined') { // #4501
             range = getTrueRange(min, rangeOptions.count);
         }
-        this.newMax = Math.min(min + range, this.dataMax);
+        this.newMax = Math.min(min + range, pick(this.dataMax, Number.MAX_VALUE));
     }
     if (!isNumber(max)) {
         min = void 0;
     }
+    else if (!isNumber(rangeOptions) &&
+        rangeOptions &&
+        rangeOptions._offsetMin) {
+        min += rangeOptions._offsetMin;
+    }
     return min;
 };
 if (!H.RangeSelector) {

package/es-modules/Extensions/ScrollablePlotArea.js

@@ -24,7 +24,7 @@ import Chart from '../Core/Chart/Chart.js';
 import Series from '../Core/Series/Series.js';
 import RendererRegistry from '../Core/Renderer/RendererRegistry.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, createElement = U.createElement, merge = U.merge, pick = U.pick;
+var addEvent = U.addEvent, createElement = U.createElement, defined = U.defined, merge = U.merge, pick = U.pick;
 /* eslint-disable no-invalid-this, valid-jsdoc */
 addEvent(Chart, 'afterSetChartSize', function (e) {
     var scrollablePlotArea = this.options.chart.scrollablePlotArea, scrollableMinWidth = scrollablePlotArea && scrollablePlotArea.minWidth, scrollableMinHeight = scrollablePlotArea && scrollablePlotArea.minHeight, scrollablePixelsX, scrollablePixelsY, corrections;
@@ -51,7 +51,7 @@ addEvent(Chart, 'afterSetChartSize', function (e) {
         }
         else if (scrollableMinHeight) {
             this.scrollablePixelsY = scrollablePixelsY = Math.max(0, scrollableMinHeight - this.chartHeight);
-            if (scrollablePixelsY) {
+            if (defined(scrollablePixelsY)) {
                 this.scrollablePlotBox = (this.renderer.scrollablePlotBox = merge(this.plotBox));
                 this.plotBox.height = this.plotHeight += scrollablePixelsY;
                 if (this.inverted) {
@@ -181,7 +181,7 @@ Chart.prototype.moveFixedElements = function () {
         axisClass = '.highcharts-yaxis';
     }
     if (axisClass) {
-        fixedSelectors.push(axisClass + ":not(.highcharts-radial-axis)", axisClass + "-labels:not(.highcharts-radial-axis-labels)");
+        fixedSelectors.push("".concat(axisClass, ":not(.highcharts-radial-axis)"), "".concat(axisClass, "-labels:not(.highcharts-radial-axis-labels)"));
     }
     fixedSelectors.forEach(function (className) {
         [].forEach.call(container.querySelectorAll(className), function (elem) {
@@ -227,7 +227,7 @@ Chart.prototype.applyFixed = function () {
             .addClass('highcharts-scrollable-mask')
             .add();
         addEvent(this, 'afterShowResetZoom', this.moveFixedElements);
-        addEvent(this, 'afterDrilldown', this.moveFixedElements);
+        addEvent(this, 'afterApplyDrilldown', this.moveFixedElements);
         addEvent(this, 'afterLayOutTitles', this.moveFixedElements);
     }
     else {
@@ -348,6 +348,7 @@ addEvent(Series, 'show', function () {
  * area will become scrollable.
  *
  * @type      {number}
+ * @since     7.1.2
  * @apioption chart.scrollablePlotArea.minHeight
  */
 /**
@@ -355,6 +356,7 @@ addEvent(Series, 'show', function () {
  * area will become scrollable.
  *
  * @type      {number}
+ * @since     6.1.0
  * @apioption chart.scrollablePlotArea.minWidth
  */
 /**
@@ -363,6 +365,7 @@ addEvent(Series, 'show', function () {
  * Typically we would use 1 if the chart has right aligned Y axes.
  *
  * @type      {number}
+ * @since     6.1.0
  * @apioption chart.scrollablePlotArea.scrollPositionX
  */
 /**
@@ -370,6 +373,7 @@ addEvent(Series, 'show', function () {
  * 1, where 0 aligns the plot area to the top and 1 aligns it to the bottom.
  *
  * @type      {number}
+ * @since     7.1.2
  * @apioption chart.scrollablePlotArea.scrollPositionY
  */
 /**