scichart 2.0.2194 → 2.1.0-beta.40

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;

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -100,7 +100,7 @@ var AxisBase2D = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link IAxisBase2dOptions} used to configure the axis at instantiation time
      */
     function AxisBase2D(webAssemblyContext, options) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         var _this = _super.call(this, options) || this;
         /**
          * Gets the {@link AxisLayoutState} class which manages layout
@@ -149,6 +149,7 @@ var AxisBase2D = /** @class */ (function (_super) {
         _this.labelStyle = __assign(__assign({}, _this.labelStyle), options === null || options === void 0 ? void 0 : options.labelStyle);
         _this.axisBorder = __assign(__assign({}, _this.axisBorder), options === null || options === void 0 ? void 0 : options.axisBorder);
         _this.isInnerAxis = (_g = options === null || options === void 0 ? void 0 : options.isInnerAxis) !== null && _g !== void 0 ? _g : _this.isInnerAxis;
+        _this.stackedAxisLength = (_h = options === null || options === void 0 ? void 0 : options.stackedAxisLength) !== null && _h !== void 0 ? _h : _this.stackedAxisLength;
         _this.solidBrushCacheBorder = new SolidBrushCache_1.SolidBrushCache(webAssemblyContext);
         if (options === null || options === void 0 ? void 0 : options.labelProvider) {
             if (!("getLabels" in (options === null || options === void 0 ? void 0 : options.labelProvider))) {
@@ -232,8 +233,10 @@ var AxisBase2D = /** @class */ (function (_super) {
          * SciChart also supports XAxis on the left and YAxis on the top to rotate / create vertical charts.
          */
         set: function (axisAlignment) {
-            this.axisAlignmentProperty = axisAlignment;
-            this.notifyPropertyChanged(constants_1.PROPERTY.AXIS_ALIGNMENT);
+            if (this.axisAlignmentProperty !== axisAlignment) {
+                this.axisAlignmentProperty = axisAlignment;
+                this.notifyPropertyChanged(constants_1.PROPERTY.AXIS_ALIGNMENT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -249,8 +252,10 @@ var AxisBase2D = /** @class */ (function (_super) {
          * Gets or sets a property which limits {@link AxisCore.visibleRange}, meaning the chart cannot autorange outside that range
          */
         set: function (visibleRangeLimit) {
-            this.visibleRangeLimitProperty = visibleRangeLimit;
-            this.notifyPropertyChanged(constants_1.PROPERTY.VISIBLE_RANGE_LIMIT);
+            if (!NumberRange_1.NumberRange.areEqual(this.visibleRangeLimitProperty, visibleRangeLimit)) {
+                this.visibleRangeLimitProperty = visibleRangeLimit;
+                this.notifyPropertyChanged(constants_1.PROPERTY.VISIBLE_RANGE_LIMIT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -266,8 +271,10 @@ var AxisBase2D = /** @class */ (function (_super) {
          * Gets or sets a property which, if it is set, will be used as the range when zooming extents, rather than the data max range
          */
         set: function (zoomExtentsRange) {
-            this.zoomExtentsRangeProperty = zoomExtentsRange;
-            this.notifyPropertyChanged(constants_1.PROPERTY.ZOOMEXTENTS_RANGE);
+            if (!NumberRange_1.NumberRange.areEqual(this.zoomExtentsRangeProperty, zoomExtentsRange)) {
+                this.zoomExtentsRangeProperty = zoomExtentsRange;
+                this.notifyPropertyChanged(constants_1.PROPERTY.ZOOMEXTENTS_RANGE);
+            }
         },
         enumerable: false,
         configurable: true
@@ -285,8 +292,10 @@ var AxisBase2D = /** @class */ (function (_super) {
          * @remarks Center axis uses inner layout strategy
          */
         set: function (value) {
-            this.isInnerAxisProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.IS_INNER_AXIS);
+            if (this.isInnerAxisProperty !== value) {
+                this.isInnerAxisProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.IS_INNER_AXIS);
+            }
         },
         enumerable: false,
         configurable: true
@@ -307,15 +316,17 @@ var AxisBase2D = /** @class */ (function (_super) {
          */
         set: function (value) {
             var _this = this;
-            this.isPrimaryAxisProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.IS_PRIMARY_AXIS);
-            if (value && !this.isStackedAxis) {
-                var axes = this.isXAxis ? this.parentSurface.xAxes : this.parentSurface.yAxes;
-                axes.asArray().forEach(function (a) {
-                    if (a !== _this && !a.isStackedAxis) {
-                        a.isPrimaryAxis = false;
-                    }
-                });
+            if (this.isPrimaryAxisProperty !== value) {
+                this.isPrimaryAxisProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.IS_PRIMARY_AXIS);
+                if (value && !this.isStackedAxis) {
+                    var axes = this.isXAxis ? this.parentSurface.xAxes : this.parentSurface.yAxes;
+                    axes.asArray().forEach(function (a) {
+                        if (a !== _this && !a.isStackedAxis) {
+                            a.isPrimaryAxis = false;
+                        }
+                    });
+                }
             }
         },
         enumerable: false,
@@ -337,6 +348,31 @@ var AxisBase2D = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AxisBase2D.prototype, "stackedAxisLength", {
+        /** 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: function () {
+            return this.stackedAxisLengthProperty;
+        },
+        /** 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: function (value) {
+            if (this.stackedAxisLengthProperty !== value) {
+                this.stackedAxisLengthProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.AXIS_LENGTH);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(AxisBase2D.prototype, "axisLength", {
         /**
          * Called internally - Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
@@ -351,8 +387,10 @@ var AxisBase2D = /** @class */ (function (_super) {
             return (_b = this.axisLengthProperty) !== null && _b !== void 0 ? _b : defaultAxisLength;
         },
         set: function (value) {
-            this.axisLengthProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.AXIS_LENGTH);
+            if (this.axisLengthProperty !== value) {
+                this.axisLengthProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.AXIS_LENGTH);
+            }
         },
         enumerable: false,
         configurable: true
@@ -369,8 +407,10 @@ var AxisBase2D = /** @class */ (function (_super) {
          * Gets or sets the offset of the axis position
          */
         set: function (value) {
-            this.offsetProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.OFFSET);
+            if (this.offsetProperty !== value) {
+                this.offsetProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.OFFSET);
+            }
         },
         enumerable: false,
         configurable: true
@@ -676,8 +716,15 @@ var AxisBase2D = /** @class */ (function (_super) {
         }
         var translatedRange = this.getCurrentCoordinateCalculator().translateBy(pixelsToScroll, startVisibleRange);
         if (this.visibleRangeLimit) {
-            if (translatedRange.min < this.visibleRangeLimit.min || translatedRange.max > this.visibleRangeLimit.max) {
-                return false;
+            var limitDelta = 0;
+            if (translatedRange.min < this.visibleRangeLimit.min) {
+                limitDelta = this.visibleRangeLimit.min - translatedRange.min;
+            }
+            else if (this.visibleRangeLimit.max < translatedRange.max) {
+                limitDelta = this.visibleRangeLimit.max - translatedRange.max;
+            }
+            if (limitDelta) {
+                translatedRange = new NumberRange_1.NumberRange(translatedRange.min + limitDelta, translatedRange.max + limitDelta);
             }
         }
         this.visibleRange = translatedRange;

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

@@ -275,6 +275,7 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
     protected maxAutoTicksProperty: number;
     protected visibleRangeAnimationToken: IGenericAnimation;
     protected readonly defaultVisibleRange: NumberRange;
+    protected allowFastMathProperty: boolean;
     /**
      * Creates an instance of an {@link AxisCore}
      * @param options Optional parameters of type {@link IAxisCoreOptions} used to define properties at instantiation time
@@ -290,6 +291,16 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * See {@link AxisBase2D.axisAlignment} if you want to set a 2D Axis alignment to the left, right, top or bottom
      */
     get isXAxis(): boolean;
+    /**
+     * When true, 32-bit faster paths for coordinate calculation maths are used. This improves performance in
+     * edge-cases where every CPU cycle counts.
+     */
+    get allowFastMath(): boolean;
+    /**
+     * When true, 32-bit faster paths for coordinate calculation maths are used. This improves performance in
+     * edge-cases where every CPU cycle counts.
+     */
+    set allowFastMath(allowFastMath: boolean);
     /**
      * When true, the axis has a valid {@link AxisCore.visibleRange} which can be drawn
      * @remarks

package/Charting/Visuals/Axis/AxisCore.js

@@ -44,7 +44,7 @@ var AxisCore = /** @class */ (function () {
      * @param options Optional parameters of type {@link IAxisCoreOptions} used to define properties at instantiation time
      */
     function AxisCore(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
         /**
          * An {@link EventHandler} which fires a callback when the {@link AxisCore.visibleRange} property changes.
          * @desc
@@ -161,6 +161,7 @@ var AxisCore = /** @class */ (function () {
          */
         this.maxAutoTicksProperty = 10;
         this.defaultVisibleRange = new NumberRange_1.NumberRange(0, 10);
+        this.allowFastMathProperty = false;
         this.visibleRange = (options === null || options === void 0 ? void 0 : options.visibleRange) || this.defaultVisibleRange;
         this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : this.id;
         this.growBy = (_b = options === null || options === void 0 ? void 0 : options.growBy) !== null && _b !== void 0 ? _b : this.growBy;
@@ -168,23 +169,24 @@ var AxisCore = /** @class */ (function () {
         this.isVisible = (_d = options === null || options === void 0 ? void 0 : options.isVisible) !== null && _d !== void 0 ? _d : this.isVisible;
         this.axisTitle = (_e = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _e !== void 0 ? _e : this.axisTitle;
         this.axisTitleStyle = (_f = options === null || options === void 0 ? void 0 : options.axisTitleStyle) !== null && _f !== void 0 ? _f : this.axisTitleStyle;
-        this.autoTicksProperty = (_g = options === null || options === void 0 ? void 0 : options.autoTicks) !== null && _g !== void 0 ? _g : this.autoTicksProperty;
-        this.maxAutoTicksProperty = (_h = options === null || options === void 0 ? void 0 : options.maxAutoTicks) !== null && _h !== void 0 ? _h : this.maxAutoTicksProperty;
-        this.minorsPerMajorProperty = (_j = options === null || options === void 0 ? void 0 : options.minorsPerMajor) !== null && _j !== void 0 ? _j : this.minorsPerMajorProperty;
-        this.majorDeltaProperty = (_k = options === null || options === void 0 ? void 0 : options.majorDelta) !== null && _k !== void 0 ? _k : this.majorDeltaProperty;
-        this.minorDeltaProperty = (_l = options === null || options === void 0 ? void 0 : options.minorDelta) !== null && _l !== void 0 ? _l : this.minorDeltaProperty;
-        this.drawLabelsProperty = (_m = options === null || options === void 0 ? void 0 : options.drawLabels) !== null && _m !== void 0 ? _m : this.drawLabelsProperty;
-        this.drawMajorTickLinesProperty = (_o = options === null || options === void 0 ? void 0 : options.drawMajorTickLines) !== null && _o !== void 0 ? _o : this.drawMajorTickLinesProperty;
-        this.drawMinorTickLinesProperty = (_p = options === null || options === void 0 ? void 0 : options.drawMinorTickLines) !== null && _p !== void 0 ? _p : this.drawMinorTickLinesProperty;
-        this.drawMinorGridLinesProperty = (_q = options === null || options === void 0 ? void 0 : options.drawMinorGridLines) !== null && _q !== void 0 ? _q : this.drawMinorGridLinesProperty;
-        this.drawMajorGridLinesProperty = (_r = options === null || options === void 0 ? void 0 : options.drawMajorGridLines) !== null && _r !== void 0 ? _r : this.drawMajorGridLinesProperty;
-        this.majorGridLineStyleProperty = (_s = options === null || options === void 0 ? void 0 : options.majorGridLineStyle) !== null && _s !== void 0 ? _s : this.majorGridLineStyleProperty;
-        this.minorGridLineStyleProperty = (_t = options === null || options === void 0 ? void 0 : options.minorGridLineStyle) !== null && _t !== void 0 ? _t : this.minorGridLineStyleProperty;
-        this.majorTickLineStyleProperty = (_u = options === null || options === void 0 ? void 0 : options.majorTickLineStyle) !== null && _u !== void 0 ? _u : this.majorTickLineStyleProperty;
-        this.minorTickLineStyleProperty = (_v = options === null || options === void 0 ? void 0 : options.minorTickLineStyle) !== null && _v !== void 0 ? _v : this.minorTickLineStyleProperty;
-        this.drawMajorBandsProperty = (_w = options === null || options === void 0 ? void 0 : options.drawMajorBands) !== null && _w !== void 0 ? _w : this.drawMajorBandsProperty;
-        this.axisBandsFillProperty = (_x = options === null || options === void 0 ? void 0 : options.axisBandsFill) !== null && _x !== void 0 ? _x : this.axisBandsFillProperty;
-        this.flippedCoordinatesProperty = (_y = options === null || options === void 0 ? void 0 : options.flippedCoordinates) !== null && _y !== void 0 ? _y : this.flippedCoordinatesProperty;
+        this.allowFastMath = (_g = options === null || options === void 0 ? void 0 : options.allowFastMath) !== null && _g !== void 0 ? _g : this.allowFastMathProperty;
+        this.autoTicksProperty = (_h = options === null || options === void 0 ? void 0 : options.autoTicks) !== null && _h !== void 0 ? _h : this.autoTicksProperty;
+        this.maxAutoTicksProperty = (_j = options === null || options === void 0 ? void 0 : options.maxAutoTicks) !== null && _j !== void 0 ? _j : this.maxAutoTicksProperty;
+        this.minorsPerMajorProperty = (_k = options === null || options === void 0 ? void 0 : options.minorsPerMajor) !== null && _k !== void 0 ? _k : this.minorsPerMajorProperty;
+        this.majorDeltaProperty = (_l = options === null || options === void 0 ? void 0 : options.majorDelta) !== null && _l !== void 0 ? _l : this.majorDeltaProperty;
+        this.minorDeltaProperty = (_m = options === null || options === void 0 ? void 0 : options.minorDelta) !== null && _m !== void 0 ? _m : this.minorDeltaProperty;
+        this.drawLabelsProperty = (_o = options === null || options === void 0 ? void 0 : options.drawLabels) !== null && _o !== void 0 ? _o : this.drawLabelsProperty;
+        this.drawMajorTickLinesProperty = (_p = options === null || options === void 0 ? void 0 : options.drawMajorTickLines) !== null && _p !== void 0 ? _p : this.drawMajorTickLinesProperty;
+        this.drawMinorTickLinesProperty = (_q = options === null || options === void 0 ? void 0 : options.drawMinorTickLines) !== null && _q !== void 0 ? _q : this.drawMinorTickLinesProperty;
+        this.drawMinorGridLinesProperty = (_r = options === null || options === void 0 ? void 0 : options.drawMinorGridLines) !== null && _r !== void 0 ? _r : this.drawMinorGridLinesProperty;
+        this.drawMajorGridLinesProperty = (_s = options === null || options === void 0 ? void 0 : options.drawMajorGridLines) !== null && _s !== void 0 ? _s : this.drawMajorGridLinesProperty;
+        this.majorGridLineStyleProperty = (_t = options === null || options === void 0 ? void 0 : options.majorGridLineStyle) !== null && _t !== void 0 ? _t : this.majorGridLineStyleProperty;
+        this.minorGridLineStyleProperty = (_u = options === null || options === void 0 ? void 0 : options.minorGridLineStyle) !== null && _u !== void 0 ? _u : this.minorGridLineStyleProperty;
+        this.majorTickLineStyleProperty = (_v = options === null || options === void 0 ? void 0 : options.majorTickLineStyle) !== null && _v !== void 0 ? _v : this.majorTickLineStyleProperty;
+        this.minorTickLineStyleProperty = (_w = options === null || options === void 0 ? void 0 : options.minorTickLineStyle) !== null && _w !== void 0 ? _w : this.minorTickLineStyleProperty;
+        this.drawMajorBandsProperty = (_x = options === null || options === void 0 ? void 0 : options.drawMajorBands) !== null && _x !== void 0 ? _x : this.drawMajorBandsProperty;
+        this.axisBandsFillProperty = (_y = options === null || options === void 0 ? void 0 : options.axisBandsFill) !== null && _y !== void 0 ? _y : this.axisBandsFillProperty;
+        this.flippedCoordinatesProperty = (_z = options === null || options === void 0 ? void 0 : options.flippedCoordinates) !== null && _z !== void 0 ? _z : this.flippedCoordinatesProperty;
     }
     Object.defineProperty(AxisCore.prototype, "isCategoryAxis", {
         /**
@@ -208,6 +210,25 @@ var AxisCore = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AxisCore.prototype, "allowFastMath", {
+        /**
+         * When true, 32-bit faster paths for coordinate calculation maths are used. This improves performance in
+         * edge-cases where every CPU cycle counts.
+         */
+        get: function () {
+            return this.allowFastMathProperty;
+        },
+        /**
+         * When true, 32-bit faster paths for coordinate calculation maths are used. This improves performance in
+         * edge-cases where every CPU cycle counts.
+         */
+        set: function (allowFastMath) {
+            this.allowFastMathProperty = allowFastMath;
+            this.notifyPropertyChanged(constants_1.PROPERTY.ALLOW_FAST_MATH);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * When true, the axis has a valid {@link AxisCore.visibleRange} which can be drawn
      * @remarks

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

@@ -25,6 +25,7 @@ export declare class AxisRenderer implements IDeletable {
     private measureTextCanvas;
     private keepLabelsWithinAxisProperty;
     private hideOverlappingLabelsProperty;
+    private vertices;
     /**
      * Creates an instance of a {@link AxisRenderer}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and

package/Charting/Visuals/Axis/AxisRenderer.js

@@ -45,6 +45,7 @@ var AxisRenderer = /** @class */ (function () {
         this.hideOverlappingLabelsProperty = true;
         this.webAssemblyContext = webAssemblyContext;
         this.textureManager = new TextureManager_1.TextureManager(webAssemblyContext);
+        this.vertices = new webAssemblyContext.VectorColorVertex();
         if (!app_1.IS_TEST_ENV) {
             this.measureTextCanvas = document.createElement("canvas");
             this.measureTextCanvas.width = 1;
@@ -55,6 +56,7 @@ var AxisRenderer = /** @class */ (function () {
     AxisRenderer.prototype.delete = function () {
         this.measureTextCanvas = undefined;
         this.textureManager = (0, Deleter_1.deleteSafe)(this.textureManager);
+        this.vertices = (0, Deleter_1.deleteSafe)(this.vertices);
     };
     /**
      * Called when the {@link AxisRenderer} is attached to an {@link AxisBase2D | Axis}
@@ -311,7 +313,6 @@ var AxisRenderer = /** @class */ (function () {
             return;
         var viewRect = this.viewRect;
         var tickSize = tickStyle.tickSize;
-        var vertices = new this.webAssemblyContext.VectorColorVertex();
         var isHorizontal = (0, AxisAlignment_1.getIsHorizontal)(axisAlignment);
         if (isHorizontal === undefined) {
             return;
@@ -347,17 +348,16 @@ var AxisRenderer = /** @class */ (function () {
                 }
             }
             var vertex = new _this.webAssemblyContext.SCRTColorVertex(x1, y1);
-            vertices.push_back(vertex);
+            _this.vertices.push_back(vertex);
             vertex.delete();
             var vertex2 = new _this.webAssemblyContext.SCRTColorVertex(x2, y2);
-            vertices.push_back(vertex2);
+            _this.vertices.push_back(vertex2);
             vertex2.delete();
         });
         var leftOffset = viewRect.left - (isHorizontal ? axisOffset : 0);
         var topOffset = viewRect.top - (isHorizontal ? 0 : axisOffset);
-        renderContext.drawLinesNative(vertices, pen, WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine, leftOffset, topOffset);
-        vertices.clear();
-        vertices.delete();
+        renderContext.drawLinesNative(this.vertices, pen, WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine, leftOffset, topOffset);
+        this.vertices.clear();
     };
     /**
      * Called internally - draws axis labels when needed, for example for line annotations
@@ -367,22 +367,49 @@ var AxisRenderer = /** @class */ (function () {
             return undefined;
         var nativeContext = renderContext.getNativeContext();
         var _a = this.textureManager.createSimpleTextTexture(displayValue, __assign(__assign({}, textStyle), { padding: new Thickness_1.Thickness(2, 2, 2, 2) }), fill), bitmapTexture = _a.bitmapTexture, textureHeight = _a.textureHeight, textureWidth = _a.textureWidth;
+        var canvas = {
+            height: this.parentAxis.parentSurface.domCanvas2D.height,
+            width: this.parentAxis.parentSurface.domCanvas2D.width
+        };
+        var getPosition = function (viewRectSize, coord, canvasSize, textureSize$) {
+            if (viewRectSize + coord < textureSize$ / 2) {
+                return 0;
+            }
+            else if (viewRectSize + coord > canvasSize - textureSize$ / 2) {
+                return canvasSize - textureSize$;
+            }
+            else {
+                return viewRectSize + coord - textureSize$ / 2;
+            }
+        };
         var xPosition, yPosition;
         if (axisAlignment === AxisAlignment_1.EAxisAlignment.Bottom) {
-            xPosition = this.viewRect.x + coord - textureWidth / 2;
+            xPosition = getPosition(this.viewRect.x, coord, canvas.width, textureWidth);
             yPosition = this.viewRect.y;
+            if (canvas.height - yPosition < textureHeight) {
+                yPosition = canvas.height - textureHeight;
+            }
         }
         else if (axisAlignment === AxisAlignment_1.EAxisAlignment.Top) {
-            xPosition = this.viewRect.x + coord - textureWidth / 2;
+            xPosition = getPosition(this.viewRect.x, coord, canvas.width, textureWidth);
             yPosition = this.viewRect.y + this.viewRect.height - textureHeight;
+            if (this.parentAxis.axisLayoutState.axisSize < textureHeight) {
+                yPosition = 0;
+            }
         }
         else if (axisAlignment === AxisAlignment_1.EAxisAlignment.Left) {
             xPosition = this.viewRect.x + this.viewRect.width - textureWidth;
-            yPosition = this.viewRect.y + coord - textureHeight / 2;
+            yPosition = getPosition(this.viewRect.y, coord, canvas.height, textureHeight);
+            if (this.parentAxis.axisLayoutState.axisSize < textureWidth) {
+                xPosition = 0;
+            }
         }
         else if (axisAlignment === AxisAlignment_1.EAxisAlignment.Right) {
             xPosition = this.viewRect.x;
-            yPosition = this.viewRect.y + coord - textureHeight / 2;
+            yPosition = getPosition(this.viewRect.y, coord, canvas.height, textureHeight);
+            if (canvas.width - xPosition < textureWidth) {
+                xPosition = canvas.width - textureWidth;
+            }
         }
         nativeContext.DrawTexture(bitmapTexture, Math.round(xPosition), Math.round(yPosition), textureWidth, textureHeight);
         bitmapTexture.delete();

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

@@ -5,6 +5,11 @@ import { TGridLineStyle, TTextStyle, TTickLineStyle } from "./AxisCore";
  * Optional parameters passed to {@link AxisCore} constructor to set defaults at construction time
  */
 export interface IAxisCoreOptions {
+    /**
+     * When true, 32-bit faster paths for coordinate calculation maths are used. This improves performance in
+     * edge-cases where every CPU cycle counts.
+     */
+    allowFastMath?: boolean;
     /**
      * The VisibleRange is the range of the Axis (min to max).
      * @description

package/Charting/Visuals/Axis/LabelProvider/LabelCache.js

@@ -72,7 +72,7 @@ var clearCacheByStyle = function (styleId) {
         }
     }
 };
-var maxSize = 100;
+var maxSize = 200;
 var minAge = 1000 * 60;
 var lastUsed = 0;
 var getMaxSize = function () { return maxSize; };
@@ -88,7 +88,7 @@ var pruneCache = function () {
     if (labelCacheByTextAndStyle.size > maxSize && lastUsed < latest) {
         try {
             // remove more than we need so we do this less.
-            var toRemove = (labelCacheByTextAndStyle.size - maxSize) * 2;
+            var toRemove = Math.min(Math.floor(labelCacheByTextAndStyle.size / 2), (labelCacheByTextAndStyle.size - maxSize) * 2);
             // Sort the items by LastUsed ascending
             var labels = Array.from(labelCacheByTextAndStyle.entries());
             labels.sort(function (a, b) { return a[1].lastUsed - b[1].lastUsed; });

package/Charting/Visuals/Axis/LabelProvider/LabelProviderBase2D.js

@@ -148,11 +148,16 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
                 var cachedLabel = void 0;
                 if (cachedLabelText) {
                     cachedLabel = LabelCache_1.labelCache.getLabel(cachedLabelText, this.styleId);
-                    labels.push(cachedLabelText);
+                    if (cachedLabel) {
+                        labels.push(cachedLabelText);
+                    }
                 }
-                else {
-                    var text = this.formatLabel(tick);
-                    this.tickToText.set(tick, text);
+                if (!cachedLabel) {
+                    var text = cachedLabelText;
+                    if (!cachedLabelText) {
+                        text = this.formatLabel(tick);
+                        this.tickToText.set(tick, text);
+                    }
                     var texture = this.getCachedLabelTexture(text, axis.axisRenderer.textureManager, axis.dpiAdjustedLabelStyle);
                     if (texture.textureWidth !== null) {
                         cachedLabel = new LabelInfo(tick, text, texture.bitmapTexture, texture.textureHeight, texture.textureWidth);

package/Charting/Visuals/Axis/NumericAxis.js

@@ -58,8 +58,8 @@ var NumericAxis = /** @class */ (function (_super) {
         var size = this.axisLength;
         var shouldFlip = this.isXAxis !== this.flippedCoordinatesProperty;
         return shouldFlip
-            ? new FlippedNumericCoordinateCalculator_1.FlippedNumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset)
-            : new NumericCoordinateCalculator_1.NumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset);
+            ? new FlippedNumericCoordinateCalculator_1.FlippedNumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset, this.allowFastMath)
+            : new NumericCoordinateCalculator_1.NumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset, this.allowFastMath);
     };
     return NumericAxis;
 }(AxisBase2D_1.AxisBase2D));

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

@@ -1,4 +1,5 @@
 export declare enum PROPERTY {
+    ALLOW_FAST_MATH = "ALLOW_FAST_MATH",
     AUTO_RANGE = "AUTO_RANGE",
     AUTO_TICKS = "AUTO_TICKS",
     AXIS_ALIGNMENT = "AXIS_ALIGNMENT",

package/Charting/Visuals/Axis/constants.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PROPERTY = void 0;
 var PROPERTY;
 (function (PROPERTY) {
+    PROPERTY["ALLOW_FAST_MATH"] = "ALLOW_FAST_MATH";
     PROPERTY["AUTO_RANGE"] = "AUTO_RANGE";
     PROPERTY["AUTO_TICKS"] = "AUTO_TICKS";
     PROPERTY["AXIS_ALIGNMENT"] = "AXIS_ALIGNMENT";

package/Charting/Visuals/RenderableSeries/Animations/FadeAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface IFadeAnimationOptions extends IBaseAnimationOptions {
 }
@@ -8,5 +8,5 @@ export declare class FadeAnimation extends SeriesAnimation {
     readonly type = EAnimationType.Fade;
     constructor(options?: IFadeAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
 }

package/Charting/Visuals/RenderableSeries/Animations/ScaleAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface IScaleAnimationOptions extends IBaseAnimationOptions {
     zeroLine?: number;
@@ -13,7 +13,7 @@ export declare class ScaleAnimation extends SeriesAnimation {
     zeroLine: number;
     constructor(options?: IScaleAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
     toJSON(): {
         type: EAnimationType;
         options: Required<Omit<IBaseAnimationOptions, never>>;

package/Charting/Visuals/RenderableSeries/Animations/SeriesAnimation.d.ts

@@ -1,7 +1,7 @@
 import { IAnimation } from "../../../../Core/Animations/AnimationFiniteStateMachine";
 import { TEasingFn } from "../../../../Core/Animations/EasingFunctions";
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { IDataSeries } from "../../../Model/IDataSeries";
 import { IRenderableSeries } from "../IRenderableSeries";
 import { BaseAnimationStyle } from "./BaseAnimationStyle";
@@ -65,7 +65,7 @@ export declare abstract class SeriesAnimation implements IAnimation {
      * @param progress Current animation progress
      * @param noZeroLine Sets zeroLine = 0, is used for XyzDataSeries
      */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
     /**
      * Runs for data animation to update animation vectors
      * @param wasmContext
@@ -74,7 +74,7 @@ export declare abstract class SeriesAnimation implements IAnimation {
      * @param interpolatedValues The vector which will be updated with interpolated values
      * @param progress Current animation progress
      */
-    calculateDataSeriesAnimationValues(wasmContext: TSciChart, initialValues: DoubleVector, finalValues: DoubleVector, interpolatedValues: DoubleVector, progress: number): void;
+    calculateDataSeriesAnimationValues(wasmContext: TSciChart, initialValues: SCRTDoubleVector, finalValues: SCRTDoubleVector, interpolatedValues: SCRTDoubleVector, progress: number): void;
     /**
      * Returns {@link BaseAnimationStyle} object which is being used to create initial styles
      * @param renderableSeries The renderable series

package/Charting/Visuals/RenderableSeries/Animations/SweepAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface ISweepAnimationOptions extends IBaseAnimationOptions {
 }
@@ -8,5 +8,5 @@ export declare class SweepAnimation extends SeriesAnimation {
     readonly type = EAnimationType.Sweep;
     constructor(options?: ISweepAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
 }

package/Charting/Visuals/RenderableSeries/Animations/WaveAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface IWaveAnimationOptions extends IBaseAnimationOptions {
     pointDurationFraction?: number;
@@ -18,7 +18,7 @@ export declare class WaveAnimation extends SeriesAnimation {
     zeroLine: number;
     constructor(options?: IWaveAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
     toJSON(): {
         type: EAnimationType;
         options: Required<Omit<IBaseAnimationOptions, never>>;