scichart 2.2.2417 → 3.0.0-beta.230

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

@@ -66,6 +66,7 @@ exports.LabelProviderBase2D = exports.LabelInfo = void 0;
 var app_1 = require("../../../../constants/app");
 var guid_1 = require("../../../../utils/guid");
 var TextureWorker_1 = require("../../../Services/Workers/TextureWorker");
+var NativeObject_1 = require("../../Helpers/NativeObject");
 var SciChartDefaults_1 = require("../../SciChartDefaults");
 var TextureManager_1 = require("../../TextureManager/TextureManager");
 var LabelCache_1 = require("./LabelCache");
@@ -97,15 +98,23 @@ exports.LabelInfo = LabelInfo;
 var LabelProviderBase2D = /** @class */ (function (_super) {
     __extends(LabelProviderBase2D, _super);
     function LabelProviderBase2D(options) {
-        var _a, _b, _c;
-        var _this = _super.call(this, options) || this;
+        var _this = this;
+        var _a, _b, _c, _d;
+        _this = _super.call(this, options) || this;
         _this.useCache = !app_1.IS_TEST_ENV;
+        /**
+         * Experimental - set true to use native text for axes.  Not all text features currently supported
+         */
+        _this.useNativeText = false;
         _this.tickToText = new Map();
+        /** Set this true if the format function could return different results for the same input (eg SmartDateLabelprovider) */
+        _this.textVariesForSameTick = false;
         _this.rotationProperty = 0;
         _this.providerId = (0, guid_1.generateGuid)();
         _this.rotationProperty = (_a = options === null || options === void 0 ? void 0 : options.rotation) !== null && _a !== void 0 ? _a : _this.rotationProperty;
         _this.asyncLabels = (_b = options === null || options === void 0 ? void 0 : options.asyncLabels) !== null && _b !== void 0 ? _b : SciChartDefaults_1.SciChartDefaults.asyncLabels;
         _this.useSharedCache = (_c = options === null || options === void 0 ? void 0 : options.useSharedCache) !== null && _c !== void 0 ? _c : SciChartDefaults_1.SciChartDefaults.useSharedCache;
+        _this.useNativeText = (_d = options === null || options === void 0 ? void 0 : options.useNativeText) !== null && _d !== void 0 ? _d : SciChartDefaults_1.SciChartDefaults.useNativeText;
         return _this;
     }
     Object.defineProperty(LabelProviderBase2D.prototype, "rotation", {
@@ -128,45 +137,93 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
     LabelProviderBase2D.prototype.getLabels = function (majorTicks) {
         var _this = this;
         var axis = this.parentAxis;
-        if (!this.styleId) {
-            this.styleId = LabelCache_1.labelCache.getStyleId(this.getCachedStyle());
-        }
-        else if (!LabelCache_1.labelCache.checkStyle(this.styleId, this.getCachedStyle())) {
-            this.delete();
-            this.styleId = LabelCache_1.labelCache.getStyleId(this.getCachedStyle());
+        if (this.useCache) {
+            if (!this.styleId) {
+                this.styleId = LabelCache_1.labelCache.getStyleId(this.getCachedStyle());
+            }
+            else if (!LabelCache_1.labelCache.checkStyle(this.styleId, this.getCachedStyle())) {
+                this.delete();
+                this.styleId = LabelCache_1.labelCache.getStyleId(this.getCachedStyle());
+            }
         }
         var ticks = majorTicks;
         if (this.parentAxis.isCategoryAxis) {
-            var categoryCoordCalc_1 = this.parentAxis.getCurrentCoordinateCalculator(true);
+            var categoryCoordCalc_1 = this.parentAxis.getCurrentCoordinateCalculator();
             ticks = majorTicks.map(function (tick) { return categoryCoordCalc_1.transformIndexToData(tick); });
         }
         var labels = [];
         if (this.useCache) {
-            for (var _i = 0, ticks_1 = ticks; _i < ticks_1.length; _i++) {
-                var tick = ticks_1[_i];
-                var cachedLabelText = this.tickToText.get(tick);
-                var cachedLabel = void 0;
-                if (cachedLabelText) {
-                    cachedLabel = LabelCache_1.labelCache.getLabel(cachedLabelText, this.styleId);
-                    if (cachedLabel) {
-                        labels.push(cachedLabelText);
+            if (!this.useNativeText) {
+                for (var _i = 0, ticks_1 = ticks; _i < ticks_1.length; _i++) {
+                    var tick = ticks_1[_i];
+                    var cachedLabel = void 0;
+                    var text = void 0;
+                    var cachedLabelText = this.tickToText.get(tick);
+                    if (this.textVariesForSameTick) {
+                        text = this.formatLabel(tick);
+                        if (cachedLabelText && cachedLabelText === text) {
+                            cachedLabel = LabelCache_1.labelCache.getLabel(cachedLabelText, this.styleId);
+                            if (cachedLabel) {
+                                labels.push(cachedLabelText);
+                            }
+                        }
+                        else {
+                            this.tickToText.set(tick, text);
+                        }
+                    }
+                    else {
+                        if (cachedLabelText) {
+                            cachedLabel = LabelCache_1.labelCache.getLabel(cachedLabelText, this.styleId);
+                            if (cachedLabel) {
+                                labels.push(cachedLabelText);
+                            }
+                        }
+                        else {
+                            text = this.formatLabel(tick);
+                            this.tickToText.set(tick, text);
+                        }
+                    }
+                    if (!cachedLabel) {
+                        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);
+                            LabelCache_1.labelCache.setLabel(text, this.styleId, cachedLabel);
+                        }
+                        labels.push(text);
                     }
                 }
-                if (!cachedLabel) {
-                    var text = cachedLabelText;
-                    if (!cachedLabelText) {
-                        text = this.formatLabel(tick);
-                        this.tickToText.set(tick, text);
+                LabelCache_1.labelCache.pruneCache();
+            }
+            else {
+                var sizesToGet = [];
+                for (var _a = 0, ticks_2 = ticks; _a < ticks_2.length; _a++) {
+                    var tick = ticks_2[_a];
+                    var cachedLabelText = this.tickToText.get(tick);
+                    if (this.textVariesForSameTick) {
+                        var text = this.formatLabel(tick);
+                        if (cachedLabelText && cachedLabelText === text) {
+                            labels.push(cachedLabelText);
+                        }
+                        else {
+                            this.tickToText.set(tick, text);
+                            sizesToGet.push(text);
+                            labels.push(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);
-                        LabelCache_1.labelCache.setLabel(text, this.styleId, cachedLabel);
+                    else {
+                        if (cachedLabelText) {
+                            labels.push(cachedLabelText);
+                        }
+                        else {
+                            var text = this.formatLabel(tick);
+                            this.tickToText.set(tick, text);
+                            sizesToGet.push(text);
+                            labels.push(text);
+                        }
                     }
-                    labels.push(text);
                 }
+                this.getLabelSizesNative(sizesToGet, axis.dpiAdjustedLabelStyle);
             }
-            LabelCache_1.labelCache.pruneCache();
         }
         else {
             labels = ticks.map(function (t) { return _this.formatLabel(t); });
@@ -182,7 +239,7 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
      */
     LabelProviderBase2D.prototype.getLabelHeight = function (ctx, labelText, labelStyle) {
         if (this.rotationProperty % 90 === 0 || this.parentAxis.isHorizontalAxis) {
-            var cachedLabel = LabelCache_1.labelCache.getLabel(labelText, this.styleId);
+            var cachedLabel = this.useCache ? LabelCache_1.labelCache.getLabel(labelText, this.styleId) : undefined;
             if (!cachedLabel || !cachedLabel.textureHeight) {
                 var fontSize = labelStyle.fontSize, padding = labelStyle.padding;
                 return (0, TextureManager_1.measureTextHeight)(fontSize) + (padding === null || padding === void 0 ? void 0 : padding.top) + (padding === null || padding === void 0 ? void 0 : padding.bottom);
@@ -202,7 +259,7 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
      */
     LabelProviderBase2D.prototype.getLabelWidth = function (ctx, labelText, labelStyle) {
         if (this.rotationProperty % 90 === 0 || !this.parentAxis.isHorizontalAxis) {
-            var cachedlabel = LabelCache_1.labelCache.getLabel(labelText, this.styleId);
+            var cachedlabel = this.useCache ? LabelCache_1.labelCache.getLabel(labelText, this.styleId) : undefined;
             if (!cachedlabel || !cachedlabel.textureWidth) {
                 var padding = labelStyle.padding;
                 return (0, TextureManager_1.measureTextWidth)(ctx, labelText) + padding.left + padding.right;
@@ -324,6 +381,9 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
     LabelProviderBase2D.prototype.getLabelTexture = function (labelText, textureManager, labelStyle) {
         return textureManager.createTextTexture([labelText], labelStyle, this.rotationProperty);
     };
+    LabelProviderBase2D.prototype.getNativeLabelInfo = function (labelText) {
+        return LabelCache_1.labelCache.getLabel(labelText, this.styleId);
+    };
     LabelProviderBase2D.prototype.delete = function () {
         if (this.styleId) {
             LabelCache_1.labelCache.freeStyle(this.styleId);
@@ -336,11 +396,58 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
         var options = {
             rotation: this.rotation,
             asyncLabels: this.asyncLabels,
-            useSharedCache: this.useSharedCache
+            useSharedCache: this.useSharedCache,
+            useNativeText: this.useNativeText
         };
         Object.assign(json.options, options);
         return json;
     };
+    LabelProviderBase2D.prototype.getLabelSizesNative = function (labels, textStyle) {
+        var _this = this;
+        if (!labels || labels.length === 0 || app_1.IS_TEST_ENV)
+            return;
+        var allLabels = "";
+        var simpleLabels = [];
+        var wasmContext = this.parentAxis.parentSurface.webAssemblyContext2D;
+        var textBounds = (0, NativeObject_1.getTextBounds)(wasmContext);
+        var nativeContext = wasmContext.SCRTGetMainRenderContext2D();
+        var fontKey = (0, NativeObject_1.getFontKey)(wasmContext, this.getCachedStyle(), false);
+        var nativeFont = nativeContext.AquireFont(fontKey);
+        var rotationRad = this.rotation * (Math.PI / 180);
+        var sin = Math.abs(Math.sin(rotationRad));
+        var cos = Math.abs(Math.cos(rotationRad));
+        var makeCacheEntry = function (width, height, label) {
+            var _a, _b;
+            var w = width;
+            var h = height;
+            if (_this.rotation !== 0) {
+                h = width * sin + height * cos;
+                w = width * cos + height * sin;
+            }
+            var cachedLabel = new LabelInfo(undefined, label, undefined, h + ((_a = textStyle.padding) === null || _a === void 0 ? void 0 : _a.top) + (textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding.bottom), w + ((_b = textStyle.padding) === null || _b === void 0 ? void 0 : _b.left) + (textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding.right));
+            cachedLabel.textWidth = width;
+            cachedLabel.textHeight = height;
+            LabelCache_1.labelCache.setLabel(label, _this.styleId, cachedLabel);
+        };
+        labels.forEach(function (labelText) {
+            if (labelText && !labelText.includes("\n")) {
+                simpleLabels.push(labelText);
+                allLabels += labelText + "\n";
+            }
+            else {
+                nativeFont.CalculateStringBounds(labelText !== null && labelText !== void 0 ? labelText : "", textBounds, 0);
+                makeCacheEntry(textBounds.m_fWidth, textBounds.m_fHeight, labelText);
+            }
+        });
+        if (simpleLabels.length > 0) {
+            nativeFont.CalculateStringBounds(allLabels !== null && allLabels !== void 0 ? allLabels : "", textBounds, 2);
+            for (var i = 0; i < simpleLabels.length; i++) {
+                var label = simpleLabels[i];
+                var bounds = textBounds.GetLineBounds(i);
+                makeCacheEntry(bounds.m_fWidth, bounds.m_fHeight - bounds.m_fOffsetY, label);
+            }
+        }
+    };
     /**
      * This method creates the text style to be stored in the label cache.
      * When useSharedCache = true, the label cache will generate a new styleId if this style does not match any existing style.
@@ -350,7 +457,7 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
      */
     LabelProviderBase2D.prototype.getCachedStyle = function () {
         var axis = this.parentAxis;
-        return __assign(__assign({}, axis.dpiAdjustedLabelStyle), { rotation: this.rotation, providerId: this.useSharedCache ? undefined : this.providerId });
+        return __assign(__assign({}, axis.dpiAdjustedLabelStyle), { rotation: this.rotation, providerId: this.useSharedCache ? (this.useNativeText ? "native" : undefined) : this.providerId });
     };
     LabelProviderBase2D.prototype.clearCache = function () {
         if (this.useCache) {
@@ -359,8 +466,8 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
                 LabelCache_1.labelCache.freeStyle(this.styleId);
                 this.styleId = undefined;
             }
-            this.tickToText.clear();
         }
+        this.tickToText.clear();
     };
     LabelProviderBase2D.prototype.invalidateParent = function () {
         this.clearCache();

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

@@ -40,8 +40,9 @@ var LogarithmicLabelProvider = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link ILabelOptions} used to configure the axis at instantiation time
      */
     function LogarithmicLabelProvider(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Scientific, labelPrecision: (_b = options === null || options === void 0 ? void 0 : options.labelPrecision) !== null && _b !== void 0 ? _b : 1 }, options)) || this;
+        _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Scientific, labelPrecision: (_b = options === null || options === void 0 ? void 0 : options.labelPrecision) !== null && _b !== void 0 ? _b : 1 }, options)) || this;
         _this.formatLabelProperty = function (dataValue) {
             return _this.numericFormat === NumericFormat_1.ENumericFormat.Scientific
                 ? _this.applyFormat((0, number_1.toScientific)(dataValue, _this.precision, _this.logarithmicBase))

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

@@ -41,8 +41,9 @@ var NumericLabelProvider = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link ILabelOptions} used to configure the axis at instantiation time
      */
     function NumericLabelProvider(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Decimal, labelPrecision: (_b = options === null || options === void 0 ? void 0 : options.labelPrecision) !== null && _b !== void 0 ? _b : 1 }, options)) || this;
+        _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Decimal, labelPrecision: (_b = options === null || options === void 0 ? void 0 : options.labelPrecision) !== null && _b !== void 0 ? _b : 1 }, options)) || this;
         _this.type = LabelProviderType_1.ELabelProviderType.Numeric;
         _this.formatLabelProperty = function (dataValue) {
             return _this.applyFormat((0, number_1.formatNumber)(dataValue, _this.numericFormat, _this.precision));

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

@@ -40,8 +40,9 @@ var LabelProvider_1 = require("./LabelProvider");
 var PieLabelProvider = /** @class */ (function (_super) {
     __extends(PieLabelProvider, _super);
     function PieLabelProvider(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Decimal, labelPrecision: (_b = options === null || options === void 0 ? void 0 : options.labelPrecision) !== null && _b !== void 0 ? _b : 2 }, options)) || this;
+        _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Decimal, labelPrecision: (_b = options === null || options === void 0 ? void 0 : options.labelPrecision) !== null && _b !== void 0 ? _b : 2 }, options)) || this;
         _this.type = LabelProviderType_1.ELabelProviderType.Pie;
         _this.formatLabelProperty = function (dataValue) {
             return _this.applyFormat((0, number_1.formatNumber)(dataValue, _this.numericFormat, _this.precision)) +

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

@@ -1,15 +1,44 @@
 import { ELabelProviderType } from "../../../../types/LabelProviderType";
 import { ENumericFormat } from "../../../../types/NumericFormat";
 import { LabelProviderBase2D, ILabel2DOptions } from "./LabelProviderBase2D";
+export declare enum ETradeChartLabelFormat {
+    Seconds = "Seconds",
+    Minutes = "Minutes",
+    Days = "Days",
+    Months = "Months"
+}
+export interface ISmartDateLabelProviderOptions extends ILabel2DOptions {
+    /**
+     * Sets whether the first label should be formatted using the wider format (eg Month Day).
+     * If false the wider format will only be used when it changes (eg day/month boundary)
+     */
+    showWiderDateOnFirstLabel?: boolean;
+}
 /**
  * The {@link SmartDateLabelProvider} formats Axis Labels and Cursor / Tooltips for {@link NumericAxis} types
  */
 export declare class SmartDateLabelProvider extends LabelProviderBase2D {
     readonly type = ELabelProviderType.SmartDate;
+    protected textVariesForSameTick: boolean;
+    private prevValue;
+    private prevPrevValue;
+    private format;
+    private showWiderDateOnFirstLabelProperty;
+    private firstLabel;
     /**
      * Creates an instance of {@link SmartDateLabelProvider}
      */
-    constructor(options?: ILabel2DOptions);
+    constructor(options?: ISmartDateLabelProviderOptions);
+    /**
+     * Gets or Sets whether the first label should be formatted using the wider format (eg Month Day).
+     * If false the wider format will only be used when it changes (eg day/month boundary)
+     */
+    get showWiderDateOnFirstLabel(): boolean;
+    /**
+     * Gets or Sets whether the first label should be formatted using the wider format (eg Month Day).
+     * If false the wider format will only be used when it changes (eg day/month boundary)
+     */
+    set showWiderDateOnFirstLabel(value: boolean);
     /**
      * @inheritDoc
      */
@@ -22,6 +51,7 @@ export declare class SmartDateLabelProvider extends LabelProviderBase2D {
     get numericFormat(): ENumericFormat;
     /** @inheritDoc */
     set numericFormat(value: ENumericFormat);
+    private doFormat;
     private getTradeChartLabelFormat;
     private formatTradeChartLabel;
 }

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

@@ -26,12 +26,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmartDateLabelProvider = void 0;
+exports.SmartDateLabelProvider = exports.ETradeChartLabelFormat = void 0;
 var LabelProviderType_1 = require("../../../../types/LabelProviderType");
 var NumericFormat_1 = require("../../../../types/NumericFormat");
 var date_1 = require("../../../../utils/date");
 var number_1 = require("../../../../utils/number");
-var LabelCache_1 = require("./LabelCache");
 var LabelProviderBase2D_1 = require("./LabelProviderBase2D");
 var ETradeChartLabelFormat;
 (function (ETradeChartLabelFormat) {
@@ -43,7 +42,7 @@ var ETradeChartLabelFormat;
     ETradeChartLabelFormat["Days"] = "Days";
     // 2020 ... Jan ... Feb
     ETradeChartLabelFormat["Months"] = "Months";
-})(ETradeChartLabelFormat || (ETradeChartLabelFormat = {}));
+})(ETradeChartLabelFormat = exports.ETradeChartLabelFormat || (exports.ETradeChartLabelFormat = {}));
 var ONE_HOUR = 60 * 60;
 var FIVE_DAYS = 60 * 60 * 24 * 5;
 var FIFTY_DAYS = 60 * 60 * 24 * 50;
@@ -56,18 +55,43 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
      * Creates an instance of {@link SmartDateLabelProvider}
      */
     function SmartDateLabelProvider(options) {
-        var _a, _b;
-        var _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Date_DDMMYYYY, cursorLabelFormat: (_b = options === null || options === void 0 ? void 0 : options.cursorLabelFormat) !== null && _b !== void 0 ? _b : NumericFormat_1.ENumericFormat.Date_DDMMYYYY }, options)) || this;
+        var _this = this;
+        var _a, _b, _c;
+        _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Date_DDMMYYYY, cursorLabelFormat: (_b = options === null || options === void 0 ? void 0 : options.cursorLabelFormat) !== null && _b !== void 0 ? _b : NumericFormat_1.ENumericFormat.Date_DDMMYYYY }, options)) || this;
         _this.type = LabelProviderType_1.ELabelProviderType.SmartDate;
-        _this.formatLabelProperty = function (dataValue) {
-            return _this.applyFormat((0, number_1.formatNumber)(dataValue, _this.numericFormat, _this.precision));
-        };
+        _this.textVariesForSameTick = true;
+        _this.showWiderDateOnFirstLabelProperty = true;
+        _this.firstLabel = true;
+        _this.showWiderDateOnFirstLabelProperty = (_c = options === null || options === void 0 ? void 0 : options.showWiderDateOnFirstLabel) !== null && _c !== void 0 ? _c : _this.showWiderDateOnFirstLabel;
         _this.formatCursorLabelProperty = function (dataValue) {
             var _a, _b;
             return _this.applyFormat((0, number_1.formatNumber)(dataValue, (_a = _this.cursorNumericFormat) !== null && _a !== void 0 ? _a : _this.numericFormat, (_b = _this.cursorPrecision) !== null && _b !== void 0 ? _b : _this.precision));
         };
+        _this.doFormat = _this.doFormat.bind(_this);
+        _this.formatLabelProperty = _this.doFormat;
         return _this;
     }
+    Object.defineProperty(SmartDateLabelProvider.prototype, "showWiderDateOnFirstLabel", {
+        /**
+         * Gets or Sets whether the first label should be formatted using the wider format (eg Month Day).
+         * If false the wider format will only be used when it changes (eg day/month boundary)
+         */
+        get: function () {
+            return this.showWiderDateOnFirstLabelProperty;
+        },
+        /**
+         * Gets or Sets whether the first label should be formatted using the wider format (eg Month Day).
+         * If false the wider format will only be used when it changes (eg day/month boundary)
+         */
+        set: function (value) {
+            if (this.showWiderDateOnFirstLabelProperty !== value) {
+                this.showWiderDateOnFirstLabelProperty = value;
+                this.invalidateParent();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * @inheritDoc
      */
@@ -78,38 +102,22 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     SmartDateLabelProvider.prototype.getLabels = function (majorTicks) {
-        var ticks = majorTicks;
+        var first = majorTicks[0];
+        var ticksNumber = majorTicks.length;
+        var last = majorTicks[ticksNumber - 1];
+        // Only convert the values we need
         if (this.parentAxis.isCategoryAxis) {
-            var categoryCoordCalc_1 = this.parentAxis.getCurrentCoordinateCalculator(true);
-            ticks = majorTicks.map(function (tick) { return categoryCoordCalc_1.transformIndexToData(tick); });
+            var categoryCoordCalc = this.parentAxis.getCurrentCoordinateCalculator();
+            first = categoryCoordCalc.transformIndexToData(first);
+            last = categoryCoordCalc.transformIndexToData(last);
         }
-        var labels = [];
-        var ticksNumber = ticks.length;
-        var timeRange = ticks[ticksNumber - 1] - ticks[0];
-        var format = this.getTradeChartLabelFormat(timeRange, ticksNumber);
-        for (var index = 0; index < ticks.length; index++) {
-            var tick = ticks[index];
-            var prevValue = index > 0 ? ticks[index - 1] : undefined;
-            var prevPrevValue = index > 0 ? ticks[index - 2] : undefined;
-            var text = this.formatTradeChartLabel(format, tick, prevValue, prevPrevValue);
-            var cachedLabelText = this.tickToText.get(tick);
-            var cachedLabel = void 0;
-            if (cachedLabelText && cachedLabelText === text) {
-                cachedLabel = LabelCache_1.labelCache.getLabel(cachedLabelText, this.styleId);
-                labels.push(cachedLabelText);
-            }
-            else {
-                this.tickToText.set(tick, text);
-                var axis = this.parentAxis;
-                var texture = this.getCachedLabelTexture(text, axis.axisRenderer.textureManager, axis.dpiAdjustedLabelStyle);
-                if (!texture.textureWidth) {
-                    cachedLabel = new LabelProviderBase2D_1.LabelInfo(tick, text, texture.bitmapTexture, texture.textureHeight, texture.textureWidth);
-                    LabelCache_1.labelCache.setLabel(text, this.styleId, cachedLabel);
-                }
-                labels.push(text);
-            }
-        }
-        LabelCache_1.labelCache.pruneCache();
+        this.prevPrevValue = undefined;
+        this.prevValue = undefined;
+        var timeRange = last - first;
+        this.firstLabel = true;
+        this.format = this.getTradeChartLabelFormat(timeRange, ticksNumber);
+        var labels = _super.prototype.getLabels.call(this, majorTicks);
+        this.format = undefined;
         return labels;
     };
     Object.defineProperty(SmartDateLabelProvider.prototype, "numericFormat", {
@@ -124,6 +132,18 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SmartDateLabelProvider.prototype.doFormat = function (dataValue) {
+        var _a, _b;
+        if (this.format) {
+            var text = this.formatTradeChartLabel(this.format, dataValue, this.prevValue, this.prevPrevValue);
+            this.prevPrevValue = this.prevValue;
+            this.prevValue = dataValue;
+            return text;
+        }
+        else {
+            return this.applyFormat((0, number_1.formatNumber)(dataValue, (_a = this.cursorNumericFormat) !== null && _a !== void 0 ? _a : this.numericFormat, (_b = this.cursorPrecision) !== null && _b !== void 0 ? _b : this.precision));
+        }
+    };
     SmartDateLabelProvider.prototype.getTradeChartLabelFormat = function (timeRange, ticksNumber) {
         if (timeRange <= ONE_HOUR) {
             return ETradeChartLabelFormat.Seconds;
@@ -139,10 +159,12 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         }
     };
     SmartDateLabelProvider.prototype.formatTradeChartLabel = function (tradeChartLabelFormat, value, prevValue, prevPrevValue) {
+        var showWider = !this.firstLabel || this.showWiderDateOnFirstLabel;
+        this.firstLabel = false;
         if (tradeChartLabelFormat === ETradeChartLabelFormat.Seconds) {
             var newDate = prevValue === undefined ||
                 (0, date_1.formatUnixDateToHumanStringMMMDD)(value) !== (0, date_1.formatUnixDateToHumanStringMMMDD)(prevValue);
-            if (newDate) {
+            if (newDate && showWider) {
                 return (0, date_1.formatUnixDateToHumanStringMMMDD)(value);
             }
             else {
@@ -152,7 +174,7 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         else if (tradeChartLabelFormat === ETradeChartLabelFormat.Minutes) {
             var newDate = prevValue === undefined ||
                 (0, date_1.formatUnixDateToHumanStringMMMDD)(value) !== (0, date_1.formatUnixDateToHumanStringMMMDD)(prevValue);
-            if (newDate) {
+            if (newDate && showWider) {
                 return (0, date_1.formatUnixDateToHumanStringMMMDD)(value);
             }
             else {
@@ -162,7 +184,7 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         else if (tradeChartLabelFormat === ETradeChartLabelFormat.Days) {
             var newMonth = prevValue === undefined ||
                 (0, date_1.formatUnixDateToHumanStringMMM)(value) !== (0, date_1.formatUnixDateToHumanStringMMM)(prevValue);
-            if (newMonth) {
+            if (newMonth && showWider) {
                 return (0, date_1.formatUnixDateToHumanStringMMM)(value);
             }
             else {
@@ -172,7 +194,7 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         else if (tradeChartLabelFormat === ETradeChartLabelFormat.Months) {
             var newYear = prevValue === undefined ||
                 (0, date_1.formatUnixDateToHumanStringYYYY)(value) !== (0, date_1.formatUnixDateToHumanStringYYYY)(prevValue);
-            if (newYear) {
+            if (newYear && showWider) {
                 return (0, date_1.formatUnixDateToHumanStringYYYY)(value);
             }
             // If previous label was year, display month label

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

@@ -65,9 +65,9 @@ export declare class TextLabelProvider extends LabelProviderBase2D {
     getLabelTextureAsync(labelText: string, textureManager: TextureManager, labelStyle: TTextStyle): Promise<import("../../TextureManager/TextureManager").TTextureObject>;
     getLabelTexture(labelText: string, textureManager: TextureManager, labelStyle: TTextStyle): import("../../TextureManager/TextureManager").TTextureObject;
     /**
-     * Convert the label text to an array of lines
+     * Wraps the label text and returns it as a string with newlines
      */
-    wrapText(text: string): string[];
+    wrapText(text: string | string[]): string;
     toJSON(): {
         type: string;
         options: Required<Omit<import("./LabelProvider").ILabelOptions, never>>;

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

@@ -71,8 +71,9 @@ var LabelProviderBase2D_1 = require("./LabelProviderBase2D");
 var TextLabelProvider = /** @class */ (function (_super) {
     __extends(TextLabelProvider, _super);
     function TextLabelProvider(options) {
+        var _this = this;
         var _a, _b, _c;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this.type = LabelProviderType_1.ELabelProviderType.Text;
         _this.maxLengthProperty = 0;
         _this.lineSpacingProperty = 1.1;
@@ -80,12 +81,13 @@ var TextLabelProvider = /** @class */ (function (_super) {
         _this.maxLength = (_b = options === null || options === void 0 ? void 0 : options.maxLength) !== null && _b !== void 0 ? _b : _this.maxLength;
         _this.lineSpacing = (_c = options === null || options === void 0 ? void 0 : options.lineSpacing) !== null && _c !== void 0 ? _c : _this.lineSpacing;
         _this.formatLabelProperty = function (dataValue) {
+            var _a, _b;
             if (_this.parentAxis.isCategoryAxis && Array.isArray(_this.labels)) {
-                var categoryCoordCalc = _this.parentAxis.getCurrentCoordinateCalculator(true);
+                var categoryCoordCalc = _this.parentAxis.getCurrentCoordinateCalculator();
                 var index = categoryCoordCalc.transformDataToIndex(dataValue);
-                return _this.labels[index];
+                return _this.wrapText((_a = _this.labels[index]) !== null && _a !== void 0 ? _a : "");
             }
-            return _this.labels[dataValue];
+            return _this.wrapText((_b = _this.labels[dataValue]) !== null && _b !== void 0 ? _b : "");
         };
         _this.formatCursorLabelProperty = _this.formatLabelProperty;
         return _this;
@@ -152,7 +154,7 @@ var TextLabelProvider = /** @class */ (function (_super) {
     });
     TextLabelProvider.prototype.onBeginAxisDraw = function () { };
     TextLabelProvider.prototype.getLabelWidth = function (ctx, labelText, labelStyle) {
-        if (this.rotation % 90 === 0 || !this.parentAxis.isHorizontalAxis) {
+        if (this.useNativeText || this.rotation % 90 === 0 || !this.parentAxis.isHorizontalAxis) {
             var cachedlabel = LabelCache_1.labelCache.getLabel(labelText, this.styleId);
             if (!cachedlabel) {
                 var padding = labelStyle.padding;
@@ -161,7 +163,7 @@ var TextLabelProvider = /** @class */ (function (_super) {
             return cachedlabel.textureWidth;
         }
         else {
-            var lines = Array.isArray(labelText) ? labelText : this.wrapText(labelText);
+            var lines = Array.isArray(labelText) ? labelText : labelText.split("\n");
             return (lines.length * this.lineSpacing * labelStyle.fontSize +
                 labelStyle.padding.left +
                 labelStyle.padding.right);
@@ -169,7 +171,7 @@ var TextLabelProvider = /** @class */ (function (_super) {
     };
     TextLabelProvider.prototype.getLabelTextureAsync = function (labelText, textureManager, labelStyle) {
         return __awaiter(this, void 0, void 0, function () {
-            var image, lines;
+            var image;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -180,9 +182,7 @@ var TextLabelProvider = /** @class */ (function (_super) {
                     case 1:
                         image = _a.sent();
                         return [3 /*break*/, 4];
-                    case 2:
-                        lines = this.wrapText(labelText);
-                        return [4 /*yield*/, TextureWorker_1.textureWorker.measureAndGetImageData(lines, labelStyle, this.rotation, this.lineSpacing)];
+                    case 2: return [4 /*yield*/, TextureWorker_1.textureWorker.measureAndGetImageData([labelText], labelStyle, this.rotation, this.lineSpacing)];
                     case 3:
                         image = _a.sent();
                         _a.label = 4;
@@ -193,19 +193,16 @@ var TextLabelProvider = /** @class */ (function (_super) {
         });
     };
     TextLabelProvider.prototype.getLabelTexture = function (labelText, textureManager, labelStyle) {
-        if (Array.isArray(labelText)) {
-            return textureManager.createTextTexture(labelText, labelStyle, this.rotation, this.lineSpacing);
-        }
-        else {
-            var lines = this.wrapText(labelText);
-            return textureManager.createTextTexture(lines, labelStyle, this.rotation, this.lineSpacing);
-        }
+        var lines = labelText.split("\n");
+        return textureManager.createTextTexture(lines, labelStyle, this.rotation, this.lineSpacing);
     };
     /**
-     * Convert the label text to an array of lines
+     * Wraps the label text and returns it as a string with newlines
      */
     TextLabelProvider.prototype.wrapText = function (text) {
-        return (0, exports.wrapText)(text, this.maxLength);
+        if (text && Array.isArray(text))
+            return text.join("\n");
+        return (0, exports.wrapText)(text, this.maxLength).join("\n");
     };
     TextLabelProvider.prototype.toJSON = function () {
         var json = _super.prototype.toJSON.call(this);