scichart 2.0.2204 → 2.0.2228

package/Charting/Drawing/BrushCache.d.ts

@@ -10,14 +10,18 @@ export declare class BrushCache extends BaseCache<WebGlBrush> {
     private opacity;
     private fillLinearGradient;
     private canvasTexture;
+    private textureHeightRatio;
+    private textureWidthRatio;
     get value(): WebGlBrush;
     /**
      * Creates or fetches a new brush with the specified params
      * @param fill
      * @param opacity
+     * @param textureHeightRatio
+     * @param textureWidthRatio
      * @param fillLinearGradient
      */
-    create(fill: string, opacity: number, fillLinearGradient?: GradientParams): WebGlBrush;
+    create(fill: string, opacity: number, textureHeightRatio?: number, textureWidthRatio?: number, fillLinearGradient?: GradientParams): WebGlBrush;
     invalidateCache(): void;
     reset(): void;
     delete(): void;
@@ -43,7 +47,9 @@ export declare const getScrtBrushFromCache: (cache: BrushCache) => SCRTBrush;
  * @param cache The object that will store a brush
  * @param fill The HTML Color code
  * @param opacity The opacity factor.
+ * @param textureHeightRatio The height ratio of the main canvas to the WebGl canvas.
+ * @param textureWidthRatio The width ratio of the main canvas to the WebGl canvas.
  * @param fillGradientLinear The gradient params.
  * @returns new or existing instance of {@link SCRTBrush}}
  */
-export declare const createBrushInCache: (cache: BrushCache, fill: string, opacity: number, fillGradientLinear?: GradientParams) => SCRTBrush;
+export declare const createBrushInCache: (cache: BrushCache, fill: string, opacity: number, textureHeightRatio?: number, textureWidthRatio?: number, fillGradientLinear?: GradientParams) => SCRTBrush;

package/Charting/Drawing/BrushCache.js

@@ -35,7 +35,7 @@ var BrushCache = /** @class */ (function (_super) {
     Object.defineProperty(BrushCache.prototype, "value", {
         get: function () {
             if (!this.cachedEntity && (this.fill || this.fillLinearGradient)) {
-                this.cachedEntity = this.create(this.fill, this.opacity, this.fillLinearGradient);
+                this.cachedEntity = this.create(this.fill, this.opacity, this.textureHeightRatio, this.textureWidthRatio, this.fillLinearGradient);
             }
             return this.cachedEntity;
         },
@@ -46,18 +46,24 @@ var BrushCache = /** @class */ (function (_super) {
      * Creates or fetches a new brush with the specified params
      * @param fill
      * @param opacity
+     * @param textureHeightRatio
+     * @param textureWidthRatio
      * @param fillLinearGradient
      */
-    BrushCache.prototype.create = function (fill, opacity, fillLinearGradient) {
+    BrushCache.prototype.create = function (fill, opacity, textureHeightRatio, textureWidthRatio, fillLinearGradient) {
         if (this.cachedEntity &&
             fill === this.fill &&
             opacity === this.opacity &&
+            textureHeightRatio === this.textureHeightRatio &&
+            textureWidthRatio === this.textureWidthRatio &&
             fillLinearGradient === this.fillLinearGradient) {
             return this.cachedEntity;
         }
         this.invalidateCache();
         this.fill = fill;
         this.opacity = opacity;
+        this.textureHeightRatio = textureHeightRatio;
+        this.textureWidthRatio = textureWidthRatio;
         this.fillLinearGradient = fillLinearGradient;
         var brush = fillLinearGradient ? this.createGradientBrush() : this.createSolidBrush(fill, opacity);
         return (this.cachedEntity = new WebGlBrush_1.WebGlBrush(brush));
@@ -89,10 +95,10 @@ var BrushCache = /** @class */ (function (_super) {
         this.canvasTexture.clear();
         var ctx = this.canvasTexture.getContext();
         // BEGIN: Drawing gradient rectangle on canvas2D
-        var x1 = convertRelativeToAbsolute(startPoint.x, TEXTURE_SIZE);
-        var y1 = convertRelativeToAbsolute(startPoint.y, TEXTURE_SIZE);
-        var x2 = convertRelativeToAbsolute(endPoint.x, TEXTURE_SIZE);
-        var y2 = convertRelativeToAbsolute(endPoint.y, TEXTURE_SIZE);
+        var x1 = convertRelativeToAbsolute(startPoint.x, TEXTURE_SIZE * this.textureWidthRatio);
+        var y1 = convertRelativeToAbsolute(startPoint.y, TEXTURE_SIZE * this.textureHeightRatio);
+        var x2 = convertRelativeToAbsolute(endPoint.x, TEXTURE_SIZE * this.textureWidthRatio);
+        var y2 = convertRelativeToAbsolute(endPoint.y, TEXTURE_SIZE * this.textureHeightRatio);
         var gradient = ctx.createLinearGradient(x1, y1, x2, y2);
         gradientStops.forEach(function (el) {
             gradient.addColorStop(el.offset, el.color);
@@ -133,12 +139,14 @@ exports.getScrtBrushFromCache = getScrtBrushFromCache;
  * @param cache The object that will store a brush
  * @param fill The HTML Color code
  * @param opacity The opacity factor.
+ * @param textureHeightRatio The height ratio of the main canvas to the WebGl canvas.
+ * @param textureWidthRatio The width ratio of the main canvas to the WebGl canvas.
  * @param fillGradientLinear The gradient params.
  * @returns new or existing instance of {@link SCRTBrush}}
  */
-var createBrushInCache = function (cache, fill, opacity, fillGradientLinear) {
+var createBrushInCache = function (cache, fill, opacity, textureHeightRatio, textureWidthRatio, fillGradientLinear) {
     Guard_1.Guard.notNull(cache, "brushCache");
-    var brush = cache.create(fill, opacity, fillGradientLinear);
+    var brush = cache.create(fill, opacity, textureHeightRatio, textureWidthRatio, fillGradientLinear);
     return brush.scrtBrush;
 };
 exports.createBrushInCache = createBrushInCache;

package/Charting/LayoutManager/BaseAxisLayoutStrategy.d.ts

@@ -36,4 +36,6 @@ export declare abstract class BaseAxisLayoutStrategy {
     protected layoutAxesFromTopToBottom(left: number, top: number, right: number, bottom: number, axes: AxisBase2D[]): void;
     protected layoutAxesFromLeftToRight(left: number, top: number, right: number, bottom: number, axes: AxisBase2D[]): void;
     protected layoutAxesFromRightToLeft(left: number, top: number, right: number, bottom: number, axes: AxisBase2D[]): void;
+    protected calculateTotalAxisHeight(axis: AxisBase2D, totalAxisAreaHeight: number): number;
+    protected calculateTotalAxisWidth(axis: AxisBase2D, totalAxisAreaHeight: number): number;
 }

package/Charting/LayoutManager/BaseAxisLayoutStrategy.js

@@ -56,6 +56,39 @@ var BaseAxisLayoutStrategy = /** @class */ (function () {
             (0, AxisLayoutHelpers_1.layoutAxisParts)(axis, _this.layoutAxisPartsStrategy);
         });
     };
+    BaseAxisLayoutStrategy.prototype.calculateTotalAxisHeight = function (axis, totalAxisAreaHeight) {
+        return (parseSize(axis.stackedAxisLength, totalAxisAreaHeight) +
+            axis.axisLayoutState.additionalBottomSize +
+            axis.axisLayoutState.additionalTopSize);
+    };
+    BaseAxisLayoutStrategy.prototype.calculateTotalAxisWidth = function (axis, totalAxisAreaHeight) {
+        return (parseSize(axis.stackedAxisLength, totalAxisAreaHeight) +
+            axis.axisLayoutState.additionalRightSize +
+            axis.axisLayoutState.additionalLeftSize);
+    };
     return BaseAxisLayoutStrategy;
 }());
 exports.BaseAxisLayoutStrategy = BaseAxisLayoutStrategy;
+var parseSize = function (value, containerSize) {
+    if (typeof value === "number") {
+        if (value < 0) {
+            throw new Error("stackedAxisLength must be a positive value!");
+        }
+        return value;
+    }
+    if (value.includes("%")) {
+        return parsePc(value, containerSize);
+    }
+    var parsedValue = parseFloat(value);
+    if (!isNaN(parsedValue)) {
+        return parsedValue;
+    }
+    throw new Error("stackedAxisLength must be a number or a percentage");
+};
+var parsePc = function (value, containerSize) {
+    var parsedPercentageValue = parseFloat(value);
+    if (parsedPercentageValue < 0 || parsedPercentageValue > 100) {
+        throw new Error("stackedAxisLength percentage must be from 0 to 100");
+    }
+    return Math.round((containerSize * parsedPercentageValue) / 10) / 10;
+};

package/Charting/LayoutManager/BottomAlignedOuterHorizontallyStackedAxisLayoutStrategy.js

@@ -50,14 +50,30 @@ var BottomAlignedOuterHorizontallyStackedAxisLayoutStrategy = /** @class */ (fun
     BottomAlignedOuterHorizontallyStackedAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         var _this = this;
         var totalAxisAreaWidth = right - left;
-        var singleAxisReservedWidth = totalAxisAreaWidth / axes.length;
         var firstAxis = axes[0];
+        var lastAxis = axes[axes.length - 1];
+        var axesWithDefinedLength = axes.filter(function (axis) { return axis.stackedAxisLength; });
+        var spaceWithoutBorders = axes.reduce(function (acc, axis) { return acc - axis.axisLayoutState.additionalBottomSize - axis.axisLayoutState.additionalTopSize; }, totalAxisAreaWidth +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalLeftSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalRightSize));
+        var totalDefinedAxesLength = axesWithDefinedLength.reduce(function (acc, axis) { return acc + _this.calculateTotalAxisWidth(axis, spaceWithoutBorders); }, 0);
+        var availableSpaceForAxes = totalAxisAreaWidth +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalLeftSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalRightSize) -
+            totalDefinedAxesLength;
+        if (availableSpaceForAxes < 0) {
+            throw new Error("Bottom stacked axes with defined size total ".concat(totalDefinedAxesLength, " pixels which is ").concat(-availableSpaceForAxes, " more than the space available"));
+        }
+        var defaultAxisReservedHeight = availableSpaceForAxes / (axes.length - axesWithDefinedLength.length);
         var leftOffset = left - (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalLeftSize);
         axes.forEach(function (axis) {
             var _a = axis.axisLayoutState, axisSize = _a.axisSize, additionalLeftSize = _a.additionalLeftSize, additionalRightSize = _a.additionalRightSize, additionalTopSize = _a.additionalTopSize;
             var topOffset = top + additionalTopSize;
             var bottomOffset = topOffset + axisSize;
-            var rightOffset = leftOffset + singleAxisReservedWidth - additionalRightSize;
+            var axisReservedHeight = axis.stackedAxisLength
+                ? _this.calculateTotalAxisWidth(axis, spaceWithoutBorders)
+                : defaultAxisReservedHeight;
+            var rightOffset = leftOffset + axisReservedHeight - additionalRightSize;
             leftOffset += additionalLeftSize;
             axis.offset = leftOffset - left;
             axis.axisLength = rightOffset - leftOffset;

package/Charting/LayoutManager/LeftAlignedOuterVerticallyStackedAxisLayoutStrategy.js

@@ -49,15 +49,32 @@ var LeftAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functio
     };
     LeftAlignedOuterVerticallyStackedAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         var _this = this;
+        // doesn't include top border of the first and bottom border of the last axis
         var totalAxisAreaHeight = bottom - top;
-        var singleAxisReservedHeight = totalAxisAreaHeight / axes.length;
         var firstAxis = axes[0];
+        var lastAxis = axes[axes.length - 1];
+        var axesWithDefinedLength = axes.filter(function (axis) { return axis.stackedAxisLength; });
+        var spaceWithoutBorders = axes.reduce(function (acc, axis) { return acc - axis.axisLayoutState.additionalBottomSize - axis.axisLayoutState.additionalTopSize; }, totalAxisAreaHeight +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalTopSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalBottomSize));
+        var totalDefinedAxesLength = axesWithDefinedLength.reduce(function (acc, axis) { return acc + _this.calculateTotalAxisHeight(axis, spaceWithoutBorders); }, 0);
+        var availableSpaceForAxes = totalAxisAreaHeight +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalTopSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalBottomSize) -
+            totalDefinedAxesLength;
+        if (availableSpaceForAxes < 0) {
+            throw new Error("Left stacked axes with defined size total ".concat(totalDefinedAxesLength, " pixels which is ").concat(-availableSpaceForAxes, " more than the space available"));
+        }
+        var defaultAxisReservedHeight = availableSpaceForAxes / (axes.length - axesWithDefinedLength.length);
         var topOffset = top - (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalTopSize);
         axes.forEach(function (axis) {
             var _a = axis.axisLayoutState, axisSize = _a.axisSize, additionalRightSize = _a.additionalRightSize, additionalBottomSize = _a.additionalBottomSize, additionalTopSize = _a.additionalTopSize;
             var rightOffset = right - additionalRightSize;
             var leftOffset = rightOffset - axisSize;
-            var bottomOffset = topOffset + singleAxisReservedHeight - additionalBottomSize;
+            var axisReservedHeight = axis.stackedAxisLength
+                ? _this.calculateTotalAxisHeight(axis, spaceWithoutBorders)
+                : defaultAxisReservedHeight;
+            var bottomOffset = topOffset + axisReservedHeight - additionalBottomSize;
             topOffset += additionalTopSize;
             axis.offset = topOffset - top;
             axis.axisLength = bottomOffset - topOffset;

package/Charting/LayoutManager/RightAlignedOuterVerticallyStackedAxisLayoutStrategy.js

@@ -50,14 +50,30 @@ var RightAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functi
     RightAlignedOuterVerticallyStackedAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         var _this = this;
         var totalAxisAreaHeight = bottom - top;
-        var singleAxisReservedHeight = totalAxisAreaHeight / axes.length;
         var firstAxis = axes[0];
+        var lastAxis = axes[axes.length - 1];
+        var axesWithDefinedLength = axes.filter(function (axis) { return axis.stackedAxisLength; });
+        var spaceWithoutBorders = axes.reduce(function (acc, axis) { return acc - axis.axisLayoutState.additionalBottomSize - axis.axisLayoutState.additionalTopSize; }, totalAxisAreaHeight +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalTopSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalBottomSize));
+        var totalDefinedAxesLength = axesWithDefinedLength.reduce(function (acc, axis) { return acc + _this.calculateTotalAxisHeight(axis, spaceWithoutBorders); }, 0);
+        var availableSpaceForAxes = totalAxisAreaHeight +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalTopSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalBottomSize) -
+            totalDefinedAxesLength;
+        if (availableSpaceForAxes < 0) {
+            throw new Error("Right stacked axes with defined size total ".concat(totalDefinedAxesLength, " pixels which is ").concat(-availableSpaceForAxes, " more than the space available"));
+        }
+        var defaultAxisReservedHeight = availableSpaceForAxes / (axes.length - axesWithDefinedLength.length);
         var topOffset = top - (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalTopSize);
         axes.forEach(function (axis) {
             var _a = axis.axisLayoutState, axisSize = _a.axisSize, additionalLeftSize = _a.additionalLeftSize, additionalBottomSize = _a.additionalBottomSize, additionalTopSize = _a.additionalTopSize;
             var leftOffset = left + additionalLeftSize;
             var rightOffset = leftOffset + axisSize;
-            var bottomOffset = topOffset + singleAxisReservedHeight - additionalBottomSize;
+            var axisReservedHeight = axis.stackedAxisLength
+                ? _this.calculateTotalAxisHeight(axis, spaceWithoutBorders)
+                : defaultAxisReservedHeight;
+            var bottomOffset = topOffset + axisReservedHeight - additionalBottomSize;
             topOffset += additionalTopSize;
             axis.offset = topOffset - top;
             axis.axisLength = bottomOffset - topOffset;

package/Charting/LayoutManager/TopAlignedOuterHorizontallyStackedAxisLayoutStrategy.js

@@ -50,14 +50,30 @@ var TopAlignedOuterHorizontallyStackedAxisLayoutStrategy = /** @class */ (functi
     TopAlignedOuterHorizontallyStackedAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         var _this = this;
         var totalAxisAreaWidth = right - left;
-        var singleAxisReservedWidth = totalAxisAreaWidth / axes.length;
         var firstAxis = axes[0];
+        var lastAxis = axes[axes.length - 1];
+        var axesWithDefinedLength = axes.filter(function (axis) { return axis.stackedAxisLength; });
+        var spaceWithoutBorders = axes.reduce(function (acc, axis) { return acc - axis.axisLayoutState.additionalBottomSize - axis.axisLayoutState.additionalTopSize; }, totalAxisAreaWidth +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalLeftSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalRightSize));
+        var totalDefinedAxesLength = axesWithDefinedLength.reduce(function (acc, axis) { return acc + _this.calculateTotalAxisWidth(axis, spaceWithoutBorders); }, 0);
+        var availableSpaceForAxes = totalAxisAreaWidth +
+            (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalLeftSize) +
+            (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalRightSize) -
+            totalDefinedAxesLength;
+        if (availableSpaceForAxes < 0) {
+            throw new Error("Top stacked axes with defined size total ".concat(totalDefinedAxesLength, " pixels which is ").concat(-availableSpaceForAxes, " more than the space available"));
+        }
+        var defaultAxisReservedHeight = availableSpaceForAxes / (axes.length - axesWithDefinedLength.length);
         var leftOffset = left - (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalLeftSize);
         axes.forEach(function (axis) {
             var _a = axis.axisLayoutState, axisSize = _a.axisSize, additionalLeftSize = _a.additionalLeftSize, additionalRightSize = _a.additionalRightSize, additionalBottomSize = _a.additionalBottomSize;
             var bottomOffset = bottom - additionalBottomSize;
             var topOffset = bottomOffset - axisSize;
-            var rightOffset = leftOffset + singleAxisReservedWidth - additionalRightSize;
+            var axisReservedHeight = axis.stackedAxisLength
+                ? _this.calculateTotalAxisWidth(axis, spaceWithoutBorders)
+                : defaultAxisReservedHeight;
+            var rightOffset = leftOffset + axisReservedHeight - additionalRightSize;
             leftOffset += additionalLeftSize;
             axis.offset = leftOffset - left;
             axis.axisLength = rightOffset - leftOffset;

package/Charting/Model/OhlcDataSeries.js

@@ -130,11 +130,11 @@ var OhlcDataSeries = /** @class */ (function (_super) {
      */
     OhlcDataSeries.prototype.appendRange = function (xValues, openValues, highValues, lowValues, closeValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(openValues) || (0, NumberArray_1.isTypedArray)(openValues), "openValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(highValues) || (0, NumberArray_1.isTypedArray)(highValues), "highValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(lowValues) || (0, NumberArray_1.isTypedArray)(lowValues), "lowValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(closeValues) || (0, NumberArray_1.isTypedArray)(closeValues), "closeValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(openValues) || (0, NumberArray_1.isTypedArray)(openValues), "openValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(highValues) || (0, NumberArray_1.isTypedArray)(highValues), "highValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(lowValues) || (0, NumberArray_1.isTypedArray)(lowValues), "lowValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(closeValues) || (0, NumberArray_1.isTypedArray)(closeValues), "closeValues must be an array of numbers");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },
                 { arg: openValues, name: "openValues" },
@@ -240,11 +240,11 @@ var OhlcDataSeries = /** @class */ (function (_super) {
      */
     OhlcDataSeries.prototype.insertRange = function (startIndex, xValues, openValues, highValues, lowValues, closeValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(openValues) || (0, NumberArray_1.isTypedArray)(openValues), "openValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(highValues) || (0, NumberArray_1.isTypedArray)(highValues), "highValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(lowValues) || (0, NumberArray_1.isTypedArray)(lowValues), "lowValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(closeValues) || (0, NumberArray_1.isTypedArray)(closeValues), "closeValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(openValues) || (0, NumberArray_1.isTypedArray)(openValues), "openValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(highValues) || (0, NumberArray_1.isTypedArray)(highValues), "highValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(lowValues) || (0, NumberArray_1.isTypedArray)(lowValues), "lowValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(closeValues) || (0, NumberArray_1.isTypedArray)(closeValues), "closeValues must be an array of numbers");
             this.validateIndex(startIndex, "Start index is out of range");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },

package/Charting/Model/XyDataSeries.js

@@ -98,8 +98,8 @@ var XyDataSeries = /** @class */ (function (_super) {
      */
     XyDataSeries.prototype.appendRange = function (xValues, yValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
             Guard_1.Guard.arraysSameLength(xValues, "xValues", yValues, "yValues");
             if (metadata) {
                 Guard_1.Guard.isTrue(Array.isArray(metadata), "metadata must be an array of IPointMetadata");
@@ -184,8 +184,8 @@ var XyDataSeries = /** @class */ (function (_super) {
      */
     XyDataSeries.prototype.insertRange = function (startIndex, xValues, yValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(xValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
             this.validateIndex(startIndex, "Start index is out of range");
             Guard_1.Guard.arraysSameLength(xValues, "xValues", yValues, "yValues");
             if (metadata) {

package/Charting/Model/XyyDataSeries.js

@@ -99,9 +99,9 @@ var XyyDataSeries = /** @class */ (function (_super) {
      */
     XyyDataSeries.prototype.appendRange = function (xValues, yValues, y1Values, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(y1Values) || (0, NumberArray_1.isTypedArray)(y1Values), "y1Values must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(y1Values) || (0, NumberArray_1.isTypedArray)(y1Values), "y1Values must be an array of numbers");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },
                 { arg: yValues, name: "yValues" },
@@ -201,9 +201,9 @@ var XyyDataSeries = /** @class */ (function (_super) {
      */
     XyyDataSeries.prototype.insertRange = function (startIndex, xValues, yValues, y1Values, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(y1Values) || (0, NumberArray_1.isTypedArray)(y1Values), "y1Values must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(y1Values) || (0, NumberArray_1.isTypedArray)(y1Values), "y1Values must be an array of numbers");
             this.validateIndex(startIndex, "Start index is out of range");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },

package/Charting/Model/XyzDataSeries.js

@@ -98,9 +98,9 @@ var XyzDataSeries = /** @class */ (function (_super) {
      */
     XyzDataSeries.prototype.appendRange = function (xValues, yValues, zValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(zValues) || (0, NumberArray_1.isTypedArray)(zValues), "zValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(zValues) || (0, NumberArray_1.isTypedArray)(zValues), "zValues must be an array of numbers");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },
                 { arg: yValues, name: "yValues" },
@@ -193,9 +193,9 @@ var XyzDataSeries = /** @class */ (function (_super) {
      */
     XyzDataSeries.prototype.insertRange = function (startIndex, xValues, yValues, zValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(zValues) || (0, NumberArray_1.isTypedArray)(zValues), "zValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue((0, NumberArray_1.isNumberArray)(zValues) || (0, NumberArray_1.isTypedArray)(zValues), "zValues must be an array of numbers");
             this.validateIndex(startIndex, "Start index is out of range");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },

package/Charting/Visuals/Annotations/AnnotationBase.d.ts

@@ -227,7 +227,7 @@ export declare abstract class AnnotationBase implements IAnnotation, IAdornerPro
     private opacityProperty;
     private annotationLayerProperty;
     private isEditableProperty;
-    private isHiddenProperty;
+    protected isHiddenProperty: boolean;
     private parentSurfaceProperty;
     private x1Property;
     private x2Property;

package/Charting/Visuals/Annotations/RolloverMarkerSvgAnnotation.js

@@ -26,7 +26,7 @@ var RolloverMarkerSvgAnnotation = /** @class */ (function (_super) {
         /** @inheritDoc */
         _this.type = IAnnotation_1.EAnnotationType.SVG;
         _this.tooltipProps = renderableSeriesProps;
-        _this.isHidden = true;
+        _this.isHiddenProperty = true;
         _this.x1 = 0;
         _this.y1 = 0;
         _this.xCoordShift = -4;

package/Charting/Visuals/Annotations/SvgAnnotationBase.js

@@ -38,6 +38,11 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         var _this = _super.call(this, options) || this;
         /** @inheritDoc */
         _this.isSvgAnnotation = true;
+        /**
+         * The {@link SVGElement} which will be added to the chart
+         */
+        _this.xCoordShiftProperty = 0;
+        _this.yCoordShiftProperty = 0;
         _this.verticalAnchorPointProperty = AnchorPoint_1.EVerticalAnchorPoint.Top;
         _this.horizontalAnchorPointProperty = AnchorPoint_1.EHorizontalAnchorPoint.Left;
         _this.prevX1Coordinate = 0;
@@ -292,8 +297,8 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
     SvgAnnotationBase.prototype.calcAndSetAnnotationBorders = function (xCalc, yCalc) {
         if (!this.svg)
             return;
-        var borderX1 = this.getX1Coordinate(xCalc, yCalc);
-        var borderY1 = this.getY1Coordinate(xCalc, yCalc);
+        var borderX1 = this.getX1Coordinate(xCalc, yCalc) + this.xCoordShift;
+        var borderY1 = this.getY1Coordinate(xCalc, yCalc) + this.yCoordShift;
         this.svgDOMRect = this.svg.getBoundingClientRect();
         var borderX2 = borderX1 + this.svgDOMRect.width;
         var borderY2 = borderY1 + this.svgDOMRect.height;

package/Charting/Visuals/Axis/AxisBase2D.d.ts

@@ -7,6 +7,7 @@ import { EAxisAlignment } from "../../../types/AxisAlignment";
 import { EAxisType } from "../../../types/AxisType";
 import { TBorder } from "../../../types/TBorder";
 import { SCRTPen, SCRTSolidBrush, TSciChart } from "../../../types/TSciChart";
+import { TStackedAxisLength } from "../../../types/TStackedAxisLength";
 import { WebGlRenderContext2D } from "../../Drawing/WebGlRenderContext2D";
 import { IThemeable } from "../../Themes/IThemeable";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
@@ -112,6 +113,13 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
      * @remarks Center axis uses inner layout strategy
      */
     isInnerAxis?: boolean;
+    /** Gets or sets the length of a stacked axis as an absolute number or percentage, e.g. 100, or "30%".
+     * A plain number will be interpreted as a number of pixels.
+     * A number with % will take that percentage of the total length.
+     * Stacked axes without a defined length will have the remaining unreserved spaced split between them.
+     * @remarks The axis length doesn't include border sizes
+     */
+    stackedAxisLength?: TStackedAxisLength;
     /**
      * Sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
      */
@@ -230,6 +238,20 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * This is only used to allow multiple primary axes, so that all stacked axes can draw gridlines
      */
     set isStackedAxis(value: boolean);
+    /** Gets or sets the length of a stacked axis as an absolute number or percentage, e.g. 100, or "30%".
+     * A plain number will be interpreted as a number of pixels.
+     * A number with % will take that percentage of the total length.
+     * Stacked axes without a defined length will have the remaining unreserved spaced split between them.
+     * @remarks The axis length doesn't include border sizes
+     */
+    get stackedAxisLength(): TStackedAxisLength;
+    /** Gets or sets the length of a stacked axis as an absolute number or percentage, e.g. 100, or "30%".
+     * A plain number will be interpreted as a number of pixels.
+     * A number with % will take that percentage of the total length.
+     * Stacked axes without a defined length will have the remaining unreserved spaced split between them.
+     * @remarks The axis length doesn't include border sizes
+     */
+    set stackedAxisLength(value: TStackedAxisLength);
     /**
      * Called internally - Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
      */
@@ -308,6 +330,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
     private zoomExtentsRangeProperty;
     private isPrimaryAxisProperty;
     private isStackedAxisProperty;
+    private stackedAxisLengthProperty;
     private penCacheForMajorGridLines;
     private penCacheForMinorGridLines;
     private penCacheForMajorTickLines;