scichart 3.0.301 → 3.1.329

package/Charting/Services/TitleRenderer.js

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleRendererBase = void 0;
+var Deleter_1 = require("../../Core/Deleter");
+var Rect_1 = require("../../Core/Rect");
+var TextPosition_1 = require("../../types/TextPosition");
+var TextStyle_1 = require("../../types/TextStyle");
+var parseColor_1 = require("../../utils/parseColor");
+var createNativeRect_1 = require("../Visuals/Helpers/createNativeRect");
+var NativeObject_1 = require("../Visuals/Helpers/NativeObject");
+var DpiHelper_1 = require("../Visuals/TextureManager/DpiHelper");
+var TextureManager_1 = require("../Visuals/TextureManager/TextureManager");
+var TitleRendererBase = /** @class */ (function () {
+    function TitleRendererBase(webAssemblyContext) {
+        this.drawDebug = false;
+        this.useCache = true;
+        this.viewRectProperty = Rect_1.Rect.createZero();
+        /**
+         * The height taken by the text with normal(horizontal) orientation including padding
+         */
+        this.textHeight = 0;
+        /**
+         * The width taken by the text with normal(horizontal) orientation including padding
+         */
+        this.textWidth = 0;
+        /**
+         * The height taken by the text considering current orientation orientation including padding
+         */
+        this.desiredHeightProperty = 0;
+        /**
+         * The width taken by the text considering current orientation orientation including padding
+         */
+        this.desiredWidthProperty = 0;
+        this.webAssemblyContext = webAssemblyContext;
+        this.textureManager = new TextureManager_1.TextureManager(webAssemblyContext);
+        this.onDpiChanged = this.onDpiChanged.bind(this);
+        DpiHelper_1.DpiHelper.dpiChanged.subscribe(this.onDpiChanged);
+    }
+    Object.defineProperty(TitleRendererBase.prototype, "viewRect", {
+        /**
+         * Defines a bounding {@link Rect} containing the title text
+         */
+        get: function () {
+            return this.viewRectProperty;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    // TODO consider if this class should be abstract
+    TitleRendererBase.prototype.measure = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+    };
+    TitleRendererBase.prototype.layout = function (originRect) { };
+    TitleRendererBase.prototype.draw = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+    };
+    TitleRendererBase.prototype.delete = function () {
+        this.resetCache();
+        DpiHelper_1.DpiHelper.dpiChanged.unsubscribe(this.onDpiChanged);
+    };
+    TitleRendererBase.prototype.resetCache = function () {
+        this.invalidateCache();
+    };
+    TitleRendererBase.prototype.invalidateCache = function () {
+        var _a;
+        this.text = undefined;
+        this.textStyle = undefined;
+        this.originalTextStyle = undefined;
+        (0, Deleter_1.deleteSafe)((_a = this.texture) === null || _a === void 0 ? void 0 : _a.bitmapTexture);
+        this.texture = undefined;
+    };
+    TitleRendererBase.prototype.onDpiChanged = function (args) {
+        this.resetCache();
+    };
+    /**
+     * Performs rendering of the title
+     */
+    TitleRendererBase.prototype.drawInternal = function (renderContext, useNativeText, titlePosition, lineSpacing) {
+        if (!this.text) {
+            return;
+        }
+        if (useNativeText) {
+            this.drawWithNativeText(renderContext, titlePosition);
+        }
+        else {
+            this.drawWithTexture(renderContext, titlePosition);
+        }
+        // if (this.drawDebug) {
+        //     this.drawTitleDebugViewRect(renderContext);
+        // }
+    };
+    TitleRendererBase.prototype.drawWithNativeText = function (renderContext, position) {
+        var titleText = Array.isArray(this.text) ? this.text.join("\n") : this.text;
+        // @ts-ignore mismatch with TTextStyle
+        var nativeFont = renderContext.getFont(this.textStyle, true);
+        // calculate start coordinates for native text drawing;
+        // the start point is the beginning of alphabetic text baseline
+        var tx = this.viewRect.left + this.textStyle.padding.left;
+        var ty = this.viewRect.top + this.textStyle.padding.top + this.firstLineAscent;
+        var adjRotation = 0;
+        // let adjRotation = this.textStyle.rotation;
+        if (position === TextStyle_1.ETitlePosition.Left) {
+            adjRotation += -90;
+            tx = this.viewRect.left + this.textStyle.padding.top + this.firstLineAscent;
+            ty = this.viewRect.bottom - this.textStyle.padding.left;
+        }
+        else if (position === TextStyle_1.ETitlePosition.Right) {
+            adjRotation += 90;
+            tx = this.viewRect.right - this.textStyle.padding.top - this.firstLineAscent;
+            ty = this.viewRect.top + this.textStyle.padding.left;
+        }
+        var rotationRad = -(adjRotation * Math.PI) / 180;
+        var nativeMultilineAlignment = (0, TextPosition_1.convertMultiLineAlignment)(this.textStyle.multilineAlignment, this.webAssemblyContext);
+        var textColor = (0, parseColor_1.parseColorToUIntArgb)(this.textStyle.color);
+        nativeFont.DrawStringAdvanced(titleText, textColor, Math.round(tx), Math.round(ty), (0, NativeObject_1.getVector4)(this.webAssemblyContext, tx, ty, rotationRad, 0), nativeMultilineAlignment, this.nativeLineSpacing);
+    };
+    TitleRendererBase.prototype.drawWithTexture = function (renderContext, titlePosition) {
+        var _a = this.texture, bitmapTexture = _a.bitmapTexture, textureHeight = _a.textureHeight, textureWidth = _a.textureWidth;
+        if (bitmapTexture) {
+            try {
+                var nativeContext = renderContext.getNativeContext();
+                nativeContext.DrawTexture(bitmapTexture, Math.round(this.viewRect.left), Math.round(this.viewRect.top), textureWidth, textureHeight);
+                if (!this.useCache) {
+                    bitmapTexture.delete();
+                    this.texture = undefined;
+                }
+            }
+            catch (err) {
+                console.error("Error while drawing title: ", err);
+                // webgl context probably lost. Clear the cache
+                this.resetCache();
+            }
+        }
+    };
+    /**
+     * Calculates the {@link TitleRenderer.viewRect}
+     */
+    TitleRendererBase.prototype.getViewRect = function (title, originRect, titlePosition, alignment) {
+        if (title === void 0) { title = ""; }
+        if (!title) {
+            return Rect_1.Rect.createZero();
+        }
+        var hasHorizontalPlacement = (0, TextStyle_1.getIsHorizontalPlacement)(titlePosition);
+        var alignmentDelta = this.getAlignmentAdjustmentDelta(hasHorizontalPlacement ? originRect.width : originRect.height, titlePosition, alignment);
+        switch (titlePosition) {
+            case TextStyle_1.ETitlePosition.Top:
+                return new Rect_1.Rect(originRect.x + alignmentDelta, originRect.y, this.textWidth, this.textHeight);
+            case TextStyle_1.ETitlePosition.Bottom:
+                return new Rect_1.Rect(originRect.x + alignmentDelta, originRect.bottom - this.textHeight, this.textWidth, this.textHeight);
+            case TextStyle_1.ETitlePosition.Left:
+                return new Rect_1.Rect(originRect.x, originRect.y + alignmentDelta, this.textHeight, this.textWidth);
+            case TextStyle_1.ETitlePosition.Right:
+                return new Rect_1.Rect(originRect.right - this.textHeight, originRect.y + alignmentDelta, this.textHeight, this.textWidth);
+            default:
+                return (0, TextStyle_1.handleInvalidChartTitlePosition)(titlePosition);
+        }
+    };
+    TitleRendererBase.prototype.drawTitleDebugViewRect = function (renderContext) {
+        var viewRect = this.viewRect;
+        var vecRects = (0, NativeObject_1.getVectorRectVertex)(this.webAssemblyContext);
+        var brush = new this.webAssemblyContext.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)("rgba(0,255,0,0.7)"), false);
+        var nativeRect = (0, createNativeRect_1.createNativeRect)(this.webAssemblyContext, 0, 0, viewRect.width, viewRect.height);
+        vecRects.push_back(nativeRect);
+        renderContext.drawRects(vecRects, brush, viewRect.left, viewRect.top);
+        brush.delete();
+    };
+    /**
+     * Calculates the offset of title text alignment defined by {@link TChartTitleStyle.alignment} or {@link TTextStyle.alignment}
+     */
+    TitleRendererBase.prototype.getAlignmentAdjustmentDelta = function (availableSpace, position, alignment) {
+        switch (alignment) {
+            case TextStyle_1.ETextAlignment.Center:
+                return availableSpace / 2 - this.textWidth / 2;
+            case TextStyle_1.ETextAlignment.Left:
+                return position === TextStyle_1.ETitlePosition.Left ? availableSpace - this.textWidth : 0;
+            case TextStyle_1.ETextAlignment.Right:
+                return position === TextStyle_1.ETitlePosition.Left ? 0 : availableSpace - this.textWidth;
+            default:
+                return (0, TextStyle_1.handleInvalidTextAlignment)(alignment);
+        }
+    };
+    return TitleRendererBase;
+}());
+exports.TitleRendererBase = TitleRendererBase;

package/Charting/Themes/IThemeProvider.d.ts

@@ -234,6 +234,11 @@ export interface IThemeProvider {
      * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
      */
     axisTitleColor: string;
+    /**
+     * The default Chart Title color applied as an HTML color code
+     * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
+     */
+    chartTitleColor: string;
     /**
      * The default shadow effect color applied to drop-shadows
      * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
@@ -468,6 +473,11 @@ export interface IThemePartial {
      * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
      */
     axisTitleColor?: string;
+    /**
+     * The default Chart Title color applied as an HTML color code
+     * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
+     */
+    chartTitleColor?: string;
     /**
      * The default shadow effect color applied to drop-shadows
      * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
@@ -536,6 +546,7 @@ export declare abstract class ThemeProvider implements IThemeProvider {
     abstract impulseFillBrush: string;
     abstract defaultColorMapBrush: TGradientStop[];
     abstract axisTitleColor: string;
+    abstract chartTitleColor: string;
     abstract shadowEffectColor: string;
     abstract planeBorderColor: string;
     abstract axisPlaneBackgroundFill: string;
@@ -745,6 +756,11 @@ export declare abstract class ThemeProvider implements IThemeProvider {
          * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
          */
         axisTitleColor?: string;
+        /**
+         * The default Chart Title color applied as an HTML color code
+         * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
+         */
+        chartTitleColor?: string;
         /**
          * The default shadow effect color applied to drop-shadows
          * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```

package/Charting/Themes/SciChartJSDarkTheme.d.ts

@@ -122,6 +122,8 @@ export declare class SciChartJSDarkTheme extends ThemeProvider {
     /** @inheritDoc */
     axisTitleColor: string;
     /** @inheritDoc */
+    chartTitleColor: string;
+    /** @inheritDoc */
     shadowEffectColor: string;
     /** @inheritDoc */
     planeBorderColor: string;

package/Charting/Themes/SciChartJSDarkTheme.js

@@ -144,6 +144,8 @@ var SciChartJSDarkTheme = /** @class */ (function (_super) {
         /** @inheritDoc */
         _this.axisTitleColor = "#C8C7C3FF";
         /** @inheritDoc */
+        _this.chartTitleColor = "#C8C7C3FF";
+        /** @inheritDoc */
         _this.shadowEffectColor = "#000000FF";
         /** @inheritDoc */
         _this.planeBorderColor = "#333333FF";

package/Charting/Themes/SciChartJSLightTheme.d.ts

@@ -126,6 +126,8 @@ export declare class SciChartJSLightTheme extends ThemeProvider {
     /** @inheritDoc */
     axisTitleColor: string;
     /** @inheritDoc */
+    chartTitleColor: string;
+    /** @inheritDoc */
     shadowEffectColor: string;
     /** @inheritDoc */
     planeBorderColor: string;

package/Charting/Themes/SciChartJSLightTheme.js

@@ -148,6 +148,8 @@ var SciChartJSLightTheme = /** @class */ (function (_super) {
         /** @inheritDoc */
         _this.axisTitleColor = "#777777FF";
         /** @inheritDoc */
+        _this.chartTitleColor = "#777777FF";
+        /** @inheritDoc */
         _this.shadowEffectColor = "#A0AABAFA";
         /** @inheritDoc */
         _this.planeBorderColor = "#EEEEEEFF";

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

@@ -10,6 +10,9 @@ import { AnnotationClickEventArgs } from "./AnnotationClickEventArgs";
 import { AnnotationDragDeltaEventArgs } from "./AnnotationDragDeltaEventArgs";
 import { IAdornerProvider } from "./IAdornerProvider";
 import { EAnnotationLayer, EAnnotationType, IAnnotation } from "./IAnnotation";
+/**
+ * Defines possible parts of an annotation which could be interacted with a cursor to do dragging or resizing
+ */
 export declare enum EDraggingGripPoint {
     /** x1,y1 */
     x1y1 = "x1y1",
@@ -232,9 +235,9 @@ export declare abstract class AnnotationBase implements IAnnotation, IAdornerPro
     readonly isSvgAnnotation: boolean;
     /** @inheritDoc */
     invalidateParentCallback: () => void;
-    adornerDraggingPoint: EDraggingGripPoint;
     selectedChanged: EventHandler<boolean>;
     clicked: EventHandler<AnnotationClickEventArgs>;
+    protected adornerDraggingPointProperty: EDraggingGripPoint;
     protected svgAdorner: SVGElement;
     protected prevIsSelected: boolean;
     /** the annotation absolute coordinates */
@@ -277,6 +280,14 @@ export declare abstract class AnnotationBase implements IAnnotation, IAdornerPro
     get annotationLayer(): EAnnotationLayer;
     /** @inheritDoc */
     set annotationLayer(annotationCanvas: EAnnotationLayer);
+    /**
+     * Gets or sets current {@link EDraggingGripPoint}
+     */
+    get adornerDraggingPoint(): EDraggingGripPoint;
+    /**
+     * Gets or sets current {@link EDraggingGripPoint}
+     */
+    protected set adornerDraggingPoint(value: EDraggingGripPoint);
     /** @inheritDoc */
     get parentSurface(): SciChartSurface;
     /** @inheritDoc */

package/Charting/Visuals/Annotations/AnnotationBase.js

@@ -16,6 +16,9 @@ var AnnotationClickEventArgs_1 = require("./AnnotationClickEventArgs");
 var AnnotationDragDeltaEventArgs_1 = require("./AnnotationDragDeltaEventArgs");
 var constants_1 = require("./constants");
 var IAnnotation_1 = require("./IAnnotation");
+/**
+ * Defines possible parts of an annotation which could be interacted with a cursor to do dragging or resizing
+ */
 var EDraggingGripPoint;
 (function (EDraggingGripPoint) {
     /** x1,y1 */
@@ -177,6 +180,28 @@ var AnnotationBase = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AnnotationBase.prototype, "adornerDraggingPoint", {
+        /**
+         * Gets or sets current {@link EDraggingGripPoint}
+         */
+        get: function () {
+            return this.adornerDraggingPointProperty;
+        },
+        /**
+         * Gets or sets current {@link EDraggingGripPoint}
+         */
+        set: function (value) {
+            var _a;
+            if (this.adornerDraggingPointProperty !== value) {
+                this.adornerDraggingPointProperty = value;
+                if (value) {
+                    (_a = this.dragStarted) === null || _a === void 0 ? void 0 : _a.raiseEvent();
+                }
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(AnnotationBase.prototype, "parentSurface", {
         /** @inheritDoc */
         get: function () {
@@ -563,8 +588,6 @@ var AnnotationBase = /** @class */ (function () {
     };
     AnnotationBase.prototype.calcDragDistance = function (xyPoint) { };
     AnnotationBase.prototype.onDragStarted = function (args) {
-        var _a;
-        (_a = this.dragStarted) === null || _a === void 0 ? void 0 : _a.raiseEvent();
         return false;
     };
     AnnotationBase.prototype.checkIsClickedOnAnnotation = function (x, y) {

package/Charting/Visuals/Annotations/BoxAnnotation.js

@@ -166,7 +166,7 @@ var BoxAnnotation = /** @class */ (function (_super) {
         _super.prototype.onDragStarted.call(this, args);
         var _a = this.getAnnotationBorders(false, true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
         var _b = annotationHelpers_1.annotationHelpers.calcNewApex(x1, y1, x2, y2, this.isVerticalChart), x1y1 = _b.x1y1, x2y1 = _b.x2y1, x1y2 = _b.x1y2, x2y2 = _b.x2y2;
-        var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect);
+        var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect, true);
         if (x1y1 && this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x1y1)) {
             var dist = (0, pointUtil_1.calcDistance)(x1y1.x, x1y1.y, xyMousePoint.x, xyMousePoint.y);
             if (dist < this.annotationsGripsRadius * DpiHelper_1.DpiHelper.PIXEL_RATIO) {

package/Charting/Visuals/Annotations/NativeTextAnnotation.js

@@ -360,11 +360,7 @@ var NativeTextAnnotation = /** @class */ (function (_super) {
             x1 -= textBounds.m_fWidth;
         }
         if (this.verticalAnchorPointProperty === AnchorPoint_1.EVerticalAnchorPoint.Center) {
-            y1 += textBounds.GetLineBounds(0).m_fHeight / 2;
-            y1 -=
-                ((textBounds.GetLineBounds(0).m_fHeight - textBounds.GetLineBounds(0).m_fOffsetY) *
-                    (textBounds.GetLinesCount() - 1)) /
-                    2;
+            y1 -= textBounds.m_fHeight / 2 - textBounds.GetLineBounds(0).m_fHeight;
         }
         else if (this.verticalAnchorPointProperty === AnchorPoint_1.EVerticalAnchorPoint.Top) {
             y1 += textBounds.GetLineBounds(0).m_fHeight;

package/Charting/Visuals/Annotations/SvgAnnotationBase.js

@@ -297,7 +297,8 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
             return;
         var borderX1 = this.getX1Coordinate(xCalc, yCalc) + this.xCoordShift;
         var borderY1 = this.getY1Coordinate(xCalc, yCalc) + this.yCoordShift;
-        this.svgDOMRect = this.svg.getBoundingClientRect();
+        // @ts-ignore
+        this.svgDOMRect = this.svg.getBBox();
         var borderX2 = borderX1 + this.svgDOMRect.width;
         var borderY2 = borderY1 + this.svgDOMRect.height;
         if (this.verticalAnchorPoint === AnchorPoint_1.EVerticalAnchorPoint.Bottom) {

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -114,7 +114,7 @@ var AxisBase2D = /** @class */ (function (_super) {
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.tickTextBrush,
             fontWeight: "normal",
             fontStyle: "normal",
-            padding: Thickness_1.Thickness.fromString("2 4 0 4"),
+            padding: Thickness_1.Thickness.fromString("2 4 2 4"),
             alignment: LabelAlignment_1.ELabelAlignment.Auto
         };
         _this.isInnerAxisProperty = false;
@@ -1226,5 +1226,5 @@ var AxisBase2D = /** @class */ (function (_super) {
 exports.AxisBase2D = AxisBase2D;
 /** @ignore */
 var getPenForLines = function (penCache, stroke, strokeThickness, strokeDashArray) {
-    return (0, Pen2DCache_1.createPenInCache)(penCache, stroke, strokeThickness, 1, strokeDashArray);
+    return (0, Pen2DCache_1.createPenInCache)(penCache, stroke, strokeThickness, 1, strokeDashArray, false);
 };

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

@@ -7,6 +7,7 @@ import { Thickness } from "../../../Core/Thickness";
 import { EAutoRange } from "../../../types/AutoRange";
 import { EAxisType } from "../../../types/AxisType";
 import { ELabelAlignment } from "../../../types/LabelAlignment";
+import { EMultiLineAlignment } from "../../../types/TextPosition";
 import { CoordinateCalculatorBase } from "../../Numerics/CoordinateCalculators/CoordinateCalculatorBase";
 import { TickCoordinatesProvider } from "../../Numerics/TickCoordinateProviders/TickCoordinatesProvider";
 import { TickProvider } from "../../Numerics/TickProviders/TickProvider";
@@ -58,8 +59,15 @@ export declare type TTextStyle = {
      * If you are using text labels rather than just numbers, or when using native text, you may want to increase the bottom padding.
      */
     padding?: Thickness;
-    /** Horizontal label alignment for vertical axes.  Default Auto */
+    /**
+     * Horizontal label alignment for vertical axes. Default Auto.
+     * @privateRemarks This property should only be used for axis labels.
+     * So the current type definition should be changed in future versions, specifically this property may be renamed or removed.
+     * In other cases, e.g. for multiline text alignment use TTextStyle.multilineAlignment
+     */
     alignment?: ELabelAlignment;
+    /** Horizontal text alignment for multiline text. */
+    multilineAlignment?: EMultiLineAlignment;
 };
 /**
  * Interface to minimal set of parameters which define an {@link AxisCore | Axis} in SciChart

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

@@ -25,7 +25,6 @@ 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

@@ -46,7 +46,6 @@ var AxisRenderer = /** @class */ (function () {
         this.hideOverlappingLabelsProperty = true;
         this.webAssemblyContext = webAssemblyContext;
         this.textureManager = new TextureManager_1.TextureManager(webAssemblyContext);
-        this.vertices = (0, NativeObject_1.getVectorColorVertex)(webAssemblyContext);
         if (!app_1.IS_TEST_ENV) {
             this.measureTextCanvas = document.createElement("canvas");
             this.measureTextCanvas.width = 1;
@@ -263,7 +262,7 @@ var AxisRenderer = /** @class */ (function () {
                 try {
                     if (nativeFont) {
                         var tx = xCoord + viewRect.left + padding.left;
-                        var ty = yCoord + viewRect.top + lineHeight - padding.bottom;
+                        var ty = yCoord + viewRect.top + lineHeight + padding.top;
                         var rx = tx;
                         var ry = ty - lineHeight;
                         if (rotationRad !== 0) {
@@ -324,7 +323,7 @@ var AxisRenderer = /** @class */ (function () {
                 try {
                     if (nativeFont) {
                         var tx = xCoord + viewRect.left + padding.left;
-                        var ty = yCoord + viewRect.top + lineHeight - padding.bottom;
+                        var ty = yCoord + viewRect.top + lineHeight + padding.top;
                         nativeFont.DrawStringAdvanced(labelText !== null && labelText !== void 0 ? labelText : "", textColor, Math.round(tx), Math.round(ty), (0, NativeObject_1.getVector4)(this.webAssemblyContext, tx, ty, rotationRad, 0), multiLineAlignment, nativeLineSpacing);
                     }
                     else {
@@ -389,7 +388,8 @@ var AxisRenderer = /** @class */ (function () {
             return;
         var viewRect = this.viewRect;
         var tickSize = tickStyle.tickSize;
-        this.vertices.clear();
+        var vertices = (0, NativeObject_1.getVectorColorVertex)(this.webAssemblyContext);
+        vertices.clear();
         var isHorizontal = (0, AxisAlignment_1.getIsHorizontal)(axisAlignment);
         if (isHorizontal === undefined) {
             return;
@@ -425,13 +425,13 @@ var AxisRenderer = /** @class */ (function () {
                 }
             }
             var vertex = (0, NativeObject_1.getVertex)(_this.webAssemblyContext, x1, y1);
-            _this.vertices.push_back(vertex);
+            vertices.push_back(vertex);
             var vertex2 = (0, NativeObject_1.getVertex)(_this.webAssemblyContext, x2, y2);
-            _this.vertices.push_back(vertex2);
+            vertices.push_back(vertex2);
         });
         var leftOffset = viewRect.left - (isHorizontal ? axisOffset : 0);
         var topOffset = viewRect.top - (isHorizontal ? 0 : axisOffset);
-        renderContext.drawLinesNative(this.vertices, pen, WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine, leftOffset, topOffset);
+        renderContext.drawLinesNative(vertices, pen, WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine, leftOffset, topOffset);
     };
     /**
      * Called internally - draws axis labels when needed, for example for line annotations

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

@@ -2,15 +2,20 @@ import { Rect } from "../../../Core/Rect";
 import { EAxisAlignment } from "../../../types/AxisAlignment";
 import { TSciChart } from "../../../types/TSciChart";
 import { WebGlRenderContext2D } from "../../Drawing/WebGlRenderContext2D";
-import { TextureManager } from "../TextureManager/TextureManager";
+import { TextureManager, TTextureObject } from "../TextureManager/TextureManager";
 import { TTextStyle } from "./AxisCore";
 /**
  * Draws an axis title using our WebGL Rendering engine
  */
 export declare class AxisTitleRenderer {
+    useCache: boolean;
     viewRect: Rect;
     text: string | string[];
     lineSpacing: number;
+    private previousText;
+    private textStyle;
+    private previousLineSpacing;
+    private texture;
     private webAssemblyContext;
     private desiredHeightProperty;
     private desiredWidthProperty;
@@ -22,6 +27,6 @@ export declare class AxisTitleRenderer {
     get desiredWidth(): number;
     set desiredWidth(value: number);
     layout(rect: Rect): void;
-    getTitleTexture(text: string | string[], textStyle: TTextStyle, textureManager: TextureManager): import("../TextureManager/TextureManager").TTextureObject;
+    getTitleTexture(text: string | string[], textStyle: TTextStyle, textureManager: TextureManager): TTextureObject;
     draw(renderContext: WebGlRenderContext2D, textStyle: TTextStyle, axisAlignment: EAxisAlignment, debugRendering: boolean): void;
 }

package/Charting/Visuals/Axis/AxisTitleRenderer.js

@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AxisTitleRenderer = void 0;
+var Deleter_1 = require("../../../Core/Deleter");
 var Rect_1 = require("../../../Core/Rect");
 var Thickness_1 = require("../../../Core/Thickness");
 var AxisAlignment_1 = require("../../../types/AxisAlignment");
@@ -29,6 +30,7 @@ var PADDING = {
  */
 var AxisTitleRenderer = /** @class */ (function () {
     function AxisTitleRenderer(webAssemblyContext) {
+        this.useCache = true;
         this.viewRect = Rect_1.Rect.createZero();
         this.text = "";
         this.lineSpacing = 1.1;
@@ -80,8 +82,20 @@ var AxisTitleRenderer = /** @class */ (function () {
         this.viewRect = rect;
     };
     AxisTitleRenderer.prototype.getTitleTexture = function (text, textStyle, textureManager) {
+        if (this.useCache &&
+            this.texture &&
+            text === this.previousText &&
+            this.lineSpacing === this.previousLineSpacing &&
+            checkAreEqualTextStyles(textStyle, this.textStyle)) {
+            return this.texture;
+        }
+        this.previousLineSpacing = this.lineSpacing;
+        this.previousText = text;
+        this.textStyle = textStyle;
         var lines = Array.isArray(text) ? text : [text];
-        return textureManager.createTextTexture(lines, __assign(__assign({}, textStyle), { padding: new Thickness_1.Thickness(0, 0, 0, 0) }), 0, this.lineSpacing);
+        var texture = textureManager.createTextTexture(lines, __assign(__assign({}, textStyle), { padding: new Thickness_1.Thickness(0, 0, 0, 0) }), 0, this.lineSpacing);
+        this.texture = texture;
+        return texture;
     };
     AxisTitleRenderer.prototype.draw = function (renderContext, textStyle, axisAlignment, debugRendering) {
         if (!this.text)
@@ -121,8 +135,20 @@ var AxisTitleRenderer = /** @class */ (function () {
             nativeContext.DrawTexture(bitmapTexture, 0, 0, textureWidth, textureHeight);
             nativeContext.PopMatrix();
         }
-        bitmapTexture.delete();
+        if (!this.useCache) {
+            (0, Deleter_1.deleteSafe)(bitmapTexture);
+            this.texture = undefined;
+        }
     };
     return AxisTitleRenderer;
 }());
 exports.AxisTitleRenderer = AxisTitleRenderer;
+var checkAreEqualTextStyles = function (style1, style2) {
+    return (style1.color === style2.color &&
+        style1.fontFamily === style2.fontFamily &&
+        style1.fontSize === style2.fontSize &&
+        style1.fontStyle === style2.fontStyle &&
+        style1.fontWeight === style2.fontWeight &&
+        style1.multilineAlignment === style2.multilineAlignment &&
+        ((style1.padding === undefined && style2.padding === undefined) || style1.padding.equals(style2.padding)));
+};

package/Charting/Visuals/Axis/LabelProvider/LabelProviderBase2D.d.ts

@@ -13,17 +13,12 @@ export declare class LabelInfo {
     textureHeight: number;
     textureWidth: number;
     lastUsed: number;
-    private subs;
     constructor(tick: number, text: string, bitmapTexture: TSRTexture, textureHeight: number, textureWidth: number);
-    registerNotifier(callback: () => void): void;
-    textureUpdated(): void;
 }
 export interface ILabel2DOptions extends ILabelOptions {
     rotation?: number;
     /**
-     * Experimental - set true to enable async label texture creation
-     * Can be set globally using SciChartDefaults.asyncLabels = true;
-     * When false getLabelTexture is used.  When true, getLabelTextureAsync is used.
+     * @deprecated This functionality has been removed. useNativeText: true provides much greater performance benefit.
      */
     asyncLabels?: boolean;
     /**
@@ -53,8 +48,7 @@ export declare abstract class LabelProviderBase2D extends LabelProvider implemen
      */
     useSharedCache: boolean;
     /**
-     * Experimental - set true to enable async label texture creation
-     * Can be set globally using SciChartDefaults.  Currently default false.
+     * @deprecated This functionality has been removed. useNativeText: true provides much greater performance benefit.
      */
     asyncLabels: boolean;
     /**
@@ -132,13 +126,12 @@ export declare abstract class LabelProviderBase2D extends LabelProvider implemen
      */
     getCachedLabelTexture(labelText: string, textureManager: TextureManager, labelStyle: TTextStyle): TTextureObject;
     /**
-     * Create a texture for the given label text asynchronously. This method is called if asyncLabels is true, otherwise getLabelTexture is used.
-     * If overriding this method with useSharedCache = true, consider setting it false for this LabelProvider,
-     * otherwise other axes using the same style and text may see your custom texture. Alternatively you can override getCachedStyle or set styleId directly
+     * @deprecated AsyncLabels have been removed. useNativeText: true provides much greater performance benefit.
+     * If using texture labels override getLabelTexture instead
      */
     getLabelTextureAsync(labelText: string, textureManager: TextureManager, labelStyle: TTextStyle): Promise<TTextureObject>;
     /**
-     * Create a texture for the given label text. This method is called if asyncLabels is false, otherwise getLabelTextureAsync is used.
+     * Create a texture for the given label text. This method is called if useNativeText is false.
      * If overriding this method with useSharedCache = true, consider setting it false for this LabelProvider,
      * otherwise other axes using the same style and text may see your custom texture. Alternatively you can override getCachedStyle or set styleId directly
      */