scichart 2.2.2351 → 2.2.2393

package/Charting/Numerics/CoordinateCalculators/LogarithmicCoordinateCalculator.js

@@ -16,9 +16,9 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogarithmicCoordinateCalculator = void 0;
-var CoordinateCalculatorBase_1 = require("./CoordinateCalculatorBase");
-var XyDirection_1 = require("../../../types/XyDirection");
 var NumberRange_1 = require("../../../Core/NumberRange");
+var XyDirection_1 = require("../../../types/XyDirection");
+var CoordinateCalculatorBase_1 = require("./CoordinateCalculatorBase");
 /**
  * Provides an implementation of Numeric {@link CoordinateCalculatorBase | Coordinate Calculator} which transforms
  * numeric data-values to pixel coordinates using logarithmic scaling and vice versa.
@@ -73,18 +73,27 @@ var LogarithmicCoordinateCalculator = /** @class */ (function (_super) {
         configurable: true
     });
     LogarithmicCoordinateCalculator.prototype.translateBy = function (pixels, range) {
+        if (pixels === 0) {
+            return range;
+        }
         var zeroPoint = Math.abs(this.nativeCalculator.GetDataValue(0));
         var toScrollPoint = Math.abs(this.nativeCalculator.GetDataValue(pixels));
         var numberUtil = this.webAssemblyContext.NumberUtil;
+        var isNegative = range.min < 0;
+        if (isNegative) {
+            range = new NumberRange_1.NumberRange(Math.abs(range.max), Math.abs(range.min));
+        }
         var expDelta = numberUtil.Log(toScrollPoint, this.logBase) - numberUtil.Log(zeroPoint, this.logBase);
         if (this.hasFlippedCoordinates)
             expDelta = -expDelta;
         var expMin = numberUtil.Log(range.min, this.logBase);
         var expMax = numberUtil.Log(range.max, this.logBase);
-        var _mult = this.visibleMin < 0 ? -1.0 : 1.0;
-        var newMin = _mult * Math.pow(this.logBase, expMin + expDelta);
-        var newMax = _mult * Math.pow(this.logBase, expMax + expDelta);
-        return new NumberRange_1.NumberRange(newMin, newMax);
+        var newMin = Math.pow(this.logBase, expMin + expDelta);
+        var newMax = Math.pow(this.logBase, expMax + expDelta);
+        if (isNegative)
+            return new NumberRange_1.NumberRange(-newMax, -newMin);
+        else
+            return new NumberRange_1.NumberRange(newMin, newMax);
     };
     LogarithmicCoordinateCalculator.prototype.zoomTranslateBy = function (minFraction, maxFraction, inputRange) {
         return inputRange.growByLog(new NumberRange_1.NumberRange(minFraction, maxFraction), this.logBase);

package/Charting/Services/SciChartRenderer.d.ts

@@ -31,6 +31,7 @@ export declare class SciChartRenderer {
     private drawRenderContextAnnotations;
     private drawSvgAnnotations;
     private validate;
+    private prevRect;
     private updateSvgCanvasSize;
     private prepareAxesRenderData;
     private prepareSeriesRenderData;

package/Charting/Services/SciChartRenderer.js

@@ -223,6 +223,12 @@ var SciChartRenderer = /** @class */ (function () {
         // Convert seriesViewRect back to device pixels
         // e.g. at Retina display canvas size may be 400x300 but seriesViewRect size would be 800x600
         var viewRectInDevicePixels = new Rect_1.Rect(seriesViewRect.x / DpiHelper_1.DpiHelper.PIXEL_RATIO, seriesViewRect.y / DpiHelper_1.DpiHelper.PIXEL_RATIO, seriesViewRect.width / DpiHelper_1.DpiHelper.PIXEL_RATIO, seriesViewRect.height / DpiHelper_1.DpiHelper.PIXEL_RATIO);
+        if (!this.prevRect) {
+            this.prevRect = viewRectInDevicePixels;
+        }
+        else if (Rect_1.Rect.isEqual(this.prevRect, viewRectInDevicePixels)) {
+            return;
+        }
         var svgRootElement = this.sciChartSurface.domSvgContainer;
         if (svgRootElement) {
             svgRootElement.style.marginLeft = "".concat(viewRectInDevicePixels.x, "px");

package/Charting/Visuals/Annotations/RolloverTooltipSvgAnnotation.js

@@ -193,6 +193,14 @@ var defaultTooltipDataTemplate = function (seriesInfo, tooltipTitle, tooltipLabe
         valuesWithLabels.push("Lowest: ".concat(ohlcSeriesInfo.formattedLowValue));
         valuesWithLabels.push("Close: ".concat(ohlcSeriesInfo.formattedCloseValue));
     }
+    else if (seriesInfo.dataSeriesType === IDataSeries_1.EDataSeriesType.Hlc) {
+        var hlcSeriesInfo = seriesInfo;
+        if (tooltipLabelX) {
+            valuesWithLabels.push("".concat(tooltipLabelX, ": ").concat(hlcSeriesInfo.formattedXValue));
+        }
+        valuesWithLabels.push("High: ".concat(hlcSeriesInfo.formattedHighValue));
+        valuesWithLabels.push("Low: ".concat(hlcSeriesInfo.formattedLowValue));
+    }
     else if (seriesInfo.dataSeriesType === IDataSeries_1.EDataSeriesType.Xyy) {
         // Band Series
         var xyySeriesInfo = seriesInfo;

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

@@ -308,7 +308,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * Gets or sets a {@link IAutoRangeAnimationOptions} object that controls if and how the visible range is animated during autoRanging
      */
     set autoRangeAnimation(autoRangeAnimation: IAutoRangeAnimationOptions);
-    abstract type: EAxisType.CategoryAxis | EAxisType.LogarithmicAxis | EAxisType.NumericAxis;
+    abstract type: EAxisType.CategoryAxis | EAxisType.LogarithmicAxis | EAxisType.NumericAxis | EAxisType.DateTimeNumericAxis;
     /**
      * Gets the parent {@link SciChartSurface} that this axis is attached to
      */

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -45,6 +45,7 @@ var WebGlRenderContext2D_1 = require("../../Drawing/WebGlRenderContext2D");
 var DefaultTickCoordinatesProvider_1 = require("../../Numerics/TickCoordinateProviders/DefaultTickCoordinatesProvider");
 var createNativeRect_1 = require("../Helpers/createNativeRect");
 var drawBorder_1 = require("../Helpers/drawBorder");
+var NativeObject_1 = require("../Helpers/NativeObject");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var DpiHelper_1 = require("../TextureManager/DpiHelper");
 var AxisCore_1 = require("./AxisCore");
@@ -646,18 +647,14 @@ var AxisBase2D = /** @class */ (function (_super) {
                 nativeAxisRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, 0, 0, viewAxisRect.width, viewAxisRect.height);
                 nativeTitleRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, 0, 0, viewTitleRect.width, viewTitleRect.height);
                 if (nativeAxisRect) {
-                    var vecRects = new _this.webAssemblyContext2D.VectorRectVertex();
+                    var vecRects = (0, NativeObject_1.getVectorRectVertex)(_this.webAssemblyContext2D);
                     vecRects.push_back(nativeAxisRect);
                     renderContext.drawRects(vecRects, brush, viewAxisRect.left, viewAxisRect.top);
-                    nativeAxisRect.delete();
-                    vecRects.delete();
                 }
                 if (nativeTitleRect) {
-                    var vecRects = new _this.webAssemblyContext2D.VectorRectVertex();
+                    var vecRects = (0, NativeObject_1.getVectorRectVertex)(_this.webAssemblyContext2D);
                     vecRects.push_back(nativeTitleRect);
                     renderContext.drawRects(vecRects, brush, viewTitleRect.left, viewTitleRect.top);
-                    nativeTitleRect === null || nativeTitleRect === void 0 ? void 0 : nativeTitleRect.delete();
-                    vecRects.delete();
                 }
                 brush.delete();
             }
@@ -688,26 +685,22 @@ var AxisBase2D = /** @class */ (function (_super) {
         this.axisRenderer.drawDebug = true;
         var drawTickViewRects = function () {
             var viewRect = _this.axisRenderer.viewRect;
-            var vecRects = new _this.webAssemblyContext2D.VectorRectVertex();
+            var vecRects = (0, NativeObject_1.getVectorRectVertex)(_this.webAssemblyContext2D);
             var brush = new _this.webAssemblyContext2D.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)("rgba(255,0,0,0.7)"), false);
             var nativeRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, 0, 0, viewRect.width, viewRect.height);
             vecRects.push_back(nativeRect);
             renderContext.drawRects(vecRects, brush, viewRect.left, viewRect.top);
-            nativeRect.delete();
             brush.delete();
-            vecRects.delete();
         };
         drawTickViewRects();
         var drawTitleViewRects = function () {
             var viewRect = _this.axisTitleRenderer.viewRect;
-            var vecRects = new _this.webAssemblyContext2D.VectorRectVertex();
+            var vecRects = (0, NativeObject_1.getVectorRectVertex)(_this.webAssemblyContext2D);
             var brush = new _this.webAssemblyContext2D.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)("rgba(0,255,0,0.7)"), false);
             var nativeRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, 0, 0, viewRect.width, viewRect.height);
             vecRects.push_back(nativeRect);
             renderContext.drawRects(vecRects, brush, viewRect.left, viewRect.top);
-            nativeRect.delete();
             brush.delete();
-            vecRects.delete();
         };
         drawTitleViewRects();
     };
@@ -1000,14 +993,13 @@ var AxisBase2D = /** @class */ (function (_super) {
         // Even/Odd calculation helps preserve order of bands as you scroll
         var firstTickIndex = this.getMajorTickIndex(ticks[0]);
         var isEven = firstTickIndex % 2 === 0;
-        var vecRects = new this.webAssemblyContext2D.VectorRectVertex();
+        var vecRects = (0, NativeObject_1.getVectorRectVertex)(this.webAssemblyContext2D);
         var drawBand = function (coord0, coord1, isThisBandEven) {
             if (!isThisBandEven) {
                 return;
             }
             var nativeRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, direction === XyDirection_1.EXyDirection.YDirection ? 0 : coord0, direction === XyDirection_1.EXyDirection.YDirection ? coord0 : 0, direction === XyDirection_1.EXyDirection.YDirection ? seriesViewRect.width : coord1, direction === XyDirection_1.EXyDirection.YDirection ? coord1 : seriesViewRect.height);
             vecRects.push_back(nativeRect);
-            nativeRect.delete();
         };
         ticks.forEach(function (mt, index) {
             var coord0 = index === 0 ? min : tickCoords[index - 1];
@@ -1018,7 +1010,6 @@ var AxisBase2D = /** @class */ (function (_super) {
         // Draw the last band to the edge of the screen
         drawBand(max, tickCoords[ticks.length - 1], isEven);
         renderContext.drawRects(vecRects, brush, seriesViewRect.left, seriesViewRect.top);
-        vecRects.delete();
     };
     /**
      * Called internally - draws the Axis Grid Lines
@@ -1031,22 +1022,18 @@ var AxisBase2D = /** @class */ (function (_super) {
         if (!tickCoords || tickCoords.length === 0)
             return;
         var seriesViewRect = this.parentSurface.seriesViewRect;
-        var vertices = new this.webAssemblyContext2D.VectorColorVertex();
+        var vertices = (0, NativeObject_1.getVectorColorVertex)(this.webAssemblyContext2D);
         tickCoords.forEach(function (tc) {
             var x1 = _this.isHorizontalAxis ? tc : 0;
             var x2 = _this.isHorizontalAxis ? tc : seriesViewRect.width;
             var y1 = _this.isHorizontalAxis ? 0 : tc;
             var y2 = _this.isHorizontalAxis ? seriesViewRect.height : tc;
-            var vertex = new _this.webAssemblyContext2D.SCRTColorVertex(x1, y1);
+            var vertex = (0, NativeObject_1.getVertex)(_this.webAssemblyContext2D, x1, y1);
             vertices.push_back(vertex);
-            vertex.delete();
-            var vertex2 = new _this.webAssemblyContext2D.SCRTColorVertex(x2, y2);
+            var vertex2 = (0, NativeObject_1.getVertex)(_this.webAssemblyContext2D, x2, y2);
             vertices.push_back(vertex2);
-            vertex2.delete();
         });
         renderContext.drawLinesNative(vertices, linesPen, WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine, seriesViewRect.left, seriesViewRect.top);
-        vertices.clear();
-        vertices.delete();
     };
     AxisBase2D.prototype.getXVisibleRange = function (xAxisId) {
         return this.parentSurface.getXAxisById(xAxisId).visibleRange;

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

@@ -741,6 +741,10 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * allows you to transform between pixel and data coordinates (and vice versa)
      */
     getCurrentCoordinateCalculator(forceRecreate?: boolean): CoordinateCalculatorBase;
+    /** Force the recreation of the coordinate calculator the next time it is requested
+     * Required if the dataSeries has changed on a category axis
+     */
+    clearCoordCalcCache(): void;
     /**
      * Gets a default value to apply to {@link AxisCore.visibleRange} if none provided, and no auto-range operation
      */

package/Charting/Visuals/Axis/AxisCore.js

@@ -970,6 +970,12 @@ var AxisCore = /** @class */ (function () {
         }
         return this.coordCalcCache;
     };
+    /** Force the recreation of the coordinate calculator the next time it is requested
+     * Required if the dataSeries has changed on a category axis
+     */
+    AxisCore.prototype.clearCoordCalcCache = function () {
+        this.coordCalcCache = (0, Deleter_1.deleteSafe)(this.coordCalcCache);
+    };
     /**
      * @inheritDoc
      */

package/Charting/Visuals/Axis/AxisRenderer.js

@@ -21,6 +21,7 @@ var LabelAlignment_1 = require("../../../types/LabelAlignment");
 var parseColor_1 = require("../../../utils/parseColor");
 var WebGlRenderContext2D_1 = require("../../Drawing/WebGlRenderContext2D");
 var createNativeRect_1 = require("../Helpers/createNativeRect");
+var NativeObject_1 = require("../Helpers/NativeObject");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var DpiHelper_1 = require("../TextureManager/DpiHelper");
 var TextureManager_1 = require("../TextureManager/TextureManager");
@@ -45,7 +46,7 @@ var AxisRenderer = /** @class */ (function () {
         this.hideOverlappingLabelsProperty = true;
         this.webAssemblyContext = webAssemblyContext;
         this.textureManager = new TextureManager_1.TextureManager(webAssemblyContext);
-        this.vertices = new webAssemblyContext.VectorColorVertex();
+        this.vertices = (0, NativeObject_1.getVectorColorVertex)(webAssemblyContext);
         if (!app_1.IS_TEST_ENV) {
             this.measureTextCanvas = document.createElement("canvas");
             this.measureTextCanvas.width = 1;
@@ -56,7 +57,6 @@ 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}
@@ -313,6 +313,7 @@ var AxisRenderer = /** @class */ (function () {
             return;
         var viewRect = this.viewRect;
         var tickSize = tickStyle.tickSize;
+        this.vertices.clear();
         var isHorizontal = (0, AxisAlignment_1.getIsHorizontal)(axisAlignment);
         if (isHorizontal === undefined) {
             return;
@@ -347,17 +348,14 @@ var AxisRenderer = /** @class */ (function () {
                     y2 = tc;
                 }
             }
-            var vertex = new _this.webAssemblyContext.SCRTColorVertex(x1, y1);
+            var vertex = (0, NativeObject_1.getVertex)(_this.webAssemblyContext, x1, y1);
             _this.vertices.push_back(vertex);
-            vertex.delete();
-            var vertex2 = new _this.webAssemblyContext.SCRTColorVertex(x2, y2);
+            var vertex2 = (0, NativeObject_1.getVertex)(_this.webAssemblyContext, x2, y2);
             _this.vertices.push_back(vertex2);
-            vertex2.delete();
         });
         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);
-        this.vertices.clear();
     };
     /**
      * Called internally - draws axis labels when needed, for example for line annotations
@@ -440,17 +438,15 @@ var AxisRenderer = /** @class */ (function () {
         }
     };
     AxisRenderer.prototype.drawLabelViewRects = function (renderContext, axisRect, rects) {
-        var vecRects = new this.webAssemblyContext.VectorRectVertex();
+        var vecRects = (0, NativeObject_1.getVectorRectVertex)(this.webAssemblyContext);
         var brush = new this.webAssemblyContext.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)("rgba(30,30,255,0.3)"), false);
         for (var _i = 0, rects_1 = rects; _i < rects_1.length; _i++) {
             var rect = rects_1[_i];
             var nativeRect = (0, createNativeRect_1.createNativeRect)(this.webAssemblyContext, rect.left, rect.top, rect.right, rect.bottom);
             vecRects.push_back(nativeRect);
-            nativeRect.delete();
         }
         renderContext.drawRects(vecRects, brush, this.viewRect.left, this.viewRect.top);
         brush.delete();
-        vecRects.delete();
     };
     return AxisRenderer;
 }());

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

@@ -0,0 +1,11 @@
+import { TSciChart } from "../../../types/TSciChart";
+import { IAxisBase2dOptions } from "./AxisBase2D";
+import { ILabel2DOptions } from "./LabelProvider/LabelProviderBase2D";
+import { NumericAxis } from "./NumericAxis";
+export interface IDateTimeNumericAxisOptions extends IAxisBase2dOptions, ILabel2DOptions {
+    possibleDeltas?: number[];
+    minTicks?: number;
+}
+export declare class DateTimeNumericAxis extends NumericAxis {
+    constructor(webAssemblyContext: TSciChart, options?: IDateTimeNumericAxisOptions);
+}

package/Charting/Visuals/Axis/DateTimeNumericAxis.js

@@ -0,0 +1,36 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateTimeNumericAxis = void 0;
+var DateTimeDeltaCalculator_1 = require("./DeltaCalculator/DateTimeDeltaCalculator");
+var SmartDateLabelProvider_1 = require("./LabelProvider/SmartDateLabelProvider");
+var NumericAxis_1 = require("./NumericAxis");
+var DateTimeNumericAxis = /** @class */ (function (_super) {
+    __extends(DateTimeNumericAxis, _super);
+    function DateTimeNumericAxis(webAssemblyContext, options) {
+        var _a;
+        var _this = _super.call(this, webAssemblyContext, options) || this;
+        _this.labelProvider = (_a = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _a !== void 0 ? _a : new SmartDateLabelProvider_1.SmartDateLabelProvider();
+        _this.deltaCalculator = new DateTimeDeltaCalculator_1.DateTimeDeltaCalculator({
+            possibleDeltas: options === null || options === void 0 ? void 0 : options.possibleDeltas,
+            minTicks: options === null || options === void 0 ? void 0 : options.minTicks
+        });
+        return _this;
+    }
+    return DateTimeNumericAxis;
+}(NumericAxis_1.NumericAxis));
+exports.DateTimeNumericAxis = DateTimeNumericAxis;

package/Charting/Visuals/Axis/DeltaCalculator/DateTimeDeltaCalculator.d.ts

@@ -0,0 +1,28 @@
+import { NumberRange } from "../../../../Core/NumberRange";
+import { DeltaCalculator } from "./DeltaCalculator";
+export interface IDeltaCalculatorOptions {
+    possibleDeltas?: number[];
+    minTicks?: number;
+}
+/**
+ * The DateTimeDeltaCalculator is respinsible for calculating {@link AxisCore.minorDelta} and {@link AxisCore.majorDelta} on
+ * {@link NumericAxis} types.
+ */
+export declare class DateTimeDeltaCalculator extends DeltaCalculator {
+    private possibleDeltasProperty;
+    private minTicksProperty;
+    private prevIndex;
+    private currIndex;
+    constructor(options?: IDeltaCalculatorOptions);
+    /**
+     * Gets or sets deltas array
+     */
+    get possibleDeltas(): number[];
+    set possibleDeltas(value: number[]);
+    get minTicks(): number;
+    set minTicks(value: number);
+    /**
+     * @inheritDoc
+     */
+    getDeltaFromRange(min: number, max: number, minorsPerMajor: number, maxTicks: number): NumberRange;
+}

package/Charting/Visuals/Axis/DeltaCalculator/DateTimeDeltaCalculator.js

@@ -0,0 +1,125 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateTimeDeltaCalculator = void 0;
+var NumberRange_1 = require("../../../../Core/NumberRange");
+var DeltaCalculator_1 = require("./DeltaCalculator");
+/**
+ * The DateTimeDeltaCalculator is respinsible for calculating {@link AxisCore.minorDelta} and {@link AxisCore.majorDelta} on
+ * {@link NumericAxis} types.
+ */
+var DateTimeDeltaCalculator = /** @class */ (function (_super) {
+    __extends(DateTimeDeltaCalculator, _super);
+    function DateTimeDeltaCalculator(options) {
+        var _a;
+        var _this = _super.call(this) || this;
+        _this.possibleDeltasProperty = [
+            1,
+            2,
+            5,
+            10,
+            15,
+            30,
+            60,
+            2 * 60,
+            5 * 60,
+            10 * 60,
+            15 * 60,
+            30 * 60,
+            60 * 60,
+            3 * 60 * 60,
+            6 * 60 * 60,
+            12 * 60 * 60,
+            24 * 60 * 60,
+            3 * 24 * 60 * 60,
+            5 * 24 * 60 * 60,
+            10 * 24 * 60 * 60,
+            15 * 24 * 60 * 60,
+            20 * 24 * 60 * 60,
+            30 * 24 * 60 * 60,
+            // TODO these month deltas really need special handling
+            2 * 30 * 24 * 60 * 60,
+            4 * 30 * 24 * 60 * 60,
+            6 * 30 * 24 * 60 * 60,
+            12 * 30 * 24 * 60 * 60
+        ];
+        _this.currIndex = 12;
+        _this.possibleDeltasProperty = (_a = options === null || options === void 0 ? void 0 : options.possibleDeltas) !== null && _a !== void 0 ? _a : _this.possibleDeltasProperty;
+        _this.minTicks = options === null || options === void 0 ? void 0 : options.minTicks;
+        return _this;
+    }
+    Object.defineProperty(DateTimeDeltaCalculator.prototype, "possibleDeltas", {
+        /**
+         * Gets or sets deltas array
+         */
+        get: function () {
+            return this.possibleDeltasProperty;
+        },
+        set: function (value) {
+            if (this.possibleDeltasProperty !== value) {
+                this.possibleDeltasProperty = value;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DateTimeDeltaCalculator.prototype, "minTicks", {
+        get: function () {
+            return this.minTicksProperty;
+        },
+        set: function (value) {
+            if (this.minTicksProperty !== value) {
+                this.minTicksProperty = value;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * @inheritDoc
+     */
+    DateTimeDeltaCalculator.prototype.getDeltaFromRange = function (min, max, minorsPerMajor, maxTicks) {
+        var _this = this;
+        var diff = max - min;
+        this.prevIndex = undefined;
+        var calculateDelta = function (deltas, index) {
+            var _a;
+            var delta = deltas[index];
+            var ticksCount = Math.floor(diff / delta);
+            if (ticksCount < ((_a = _this.minTicks) !== null && _a !== void 0 ? _a : maxTicks / 3) && index > 0 && index !== _this.prevIndex) {
+                if (!_this.prevIndex)
+                    _this.prevIndex = index;
+                return calculateDelta(deltas, index - 1);
+            }
+            if (ticksCount > maxTicks && index < deltas.length && index !== _this.prevIndex) {
+                if (!_this.prevIndex)
+                    _this.prevIndex = index;
+                return calculateDelta(deltas, index + 1);
+            }
+            else {
+                if (_this.currIndex !== index) {
+                    _this.currIndex = index;
+                }
+                return delta;
+            }
+        };
+        var delta = calculateDelta(this.possibleDeltasProperty, this.currIndex);
+        return new NumberRange_1.NumberRange(delta / minorsPerMajor, delta);
+    };
+    return DateTimeDeltaCalculator;
+}(DeltaCalculator_1.DeltaCalculator));
+exports.DateTimeDeltaCalculator = DateTimeDeltaCalculator;

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

@@ -4,6 +4,8 @@ import { SciChartPieSurface } from "../../SciChartPieSurface/SciChartPieSurface"
 import { ILabelOptions, LabelProvider } from "./LabelProvider";
 /**
  * @summary A Label Provider for use with Pie Charts to allow customizing of segment labels
+ * To completely customise the label output, override {@link getSegmentText}
+ * To just adjust the numeric formatting of the label, use numericformat, precision, prefix, postfix, or override {@link formatLabel}
  */
 export declare class PieLabelProvider extends LabelProvider {
     readonly type = ELabelProviderType.Pie;
@@ -11,10 +13,13 @@ export declare class PieLabelProvider extends LabelProvider {
      * The parent {@link SciChartPieSurface}. This will be set once {@link attachedToSurface} is called
      */
     protected parentSurface: SciChartPieSurface;
+    constructor(options?: ILabelOptions);
     /**
-     *
+     * Get the text to be used as the segmet label. This picks the raw value, or percentage depending on the chart's valueMode
+     * then formats it using the {@link formatLabel} function.
+     * @param segment The PieSegment to get a label for
+     * @param total Total of all pieSegment values
      */
-    constructor(options?: ILabelOptions);
     getSegmentText(segment: IPieSegment, total: number): string;
     /**
      * Called when the {@link LabelProvider} is attached to an {@link SciChartPieSurface }

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

@@ -34,22 +34,27 @@ var SciChartPieSurface_1 = require("../../SciChartPieSurface/SciChartPieSurface"
 var LabelProvider_1 = require("./LabelProvider");
 /**
  * @summary A Label Provider for use with Pie Charts to allow customizing of segment labels
+ * To completely customise the label output, override {@link getSegmentText}
+ * To just adjust the numeric formatting of the label, use numericformat, precision, prefix, postfix, or override {@link formatLabel}
  */
 var PieLabelProvider = /** @class */ (function (_super) {
     __extends(PieLabelProvider, _super);
-    /**
-     *
-     */
     function PieLabelProvider(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.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)) +
-                (_this.parentSurface.valueMode === SciChartPieSurface_1.EPieValueMode.Percentage ? "%" : "");
+                (_this.parentSurface.valueMode === SciChartPieSurface_1.EPieValueMode.Percentage ? " %" : "");
         };
         return _this;
     }
+    /**
+     * Get the text to be used as the segmet label. This picks the raw value, or percentage depending on the chart's valueMode
+     * then formats it using the {@link formatLabel} function.
+     * @param segment The PieSegment to get a label for
+     * @param total Total of all pieSegment values
+     */
     PieLabelProvider.prototype.getSegmentText = function (segment, total) {
         var labelValue = this.parentSurface.valueMode === SciChartPieSurface_1.EPieValueMode.Percentage ? segment.getPercentage(total) : segment.value;
         return this.formatLabel(labelValue);

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

@@ -35,6 +35,8 @@ var LabelCache_1 = require("./LabelCache");
 var LabelProviderBase2D_1 = require("./LabelProviderBase2D");
 var ETradeChartLabelFormat;
 (function (ETradeChartLabelFormat) {
+    // Apr 25 ... 04:01:45 ... 02:02:30
+    ETradeChartLabelFormat["Seconds"] = "Seconds";
     // Apr 25 ... 01:34 ... 02:24
     ETradeChartLabelFormat["Minutes"] = "Minutes";
     // Apr ... 08 ... 13
@@ -42,6 +44,7 @@ var ETradeChartLabelFormat;
     // 2020 ... Jan ... Feb
     ETradeChartLabelFormat["Months"] = "Months";
 })(ETradeChartLabelFormat || (ETradeChartLabelFormat = {}));
+var ONE_HOUR = 60 * 60;
 var FIVE_DAYS = 60 * 60 * 24 * 5;
 var FIFTY_DAYS = 60 * 60 * 24 * 50;
 /**
@@ -122,7 +125,10 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         configurable: true
     });
     SmartDateLabelProvider.prototype.getTradeChartLabelFormat = function (timeRange, ticksNumber) {
-        if (timeRange <= FIVE_DAYS) {
+        if (timeRange <= ONE_HOUR) {
+            return ETradeChartLabelFormat.Seconds;
+        }
+        else if (timeRange <= FIVE_DAYS) {
             return ETradeChartLabelFormat.Minutes;
         }
         else if (timeRange <= FIFTY_DAYS) {
@@ -133,7 +139,17 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         }
     };
     SmartDateLabelProvider.prototype.formatTradeChartLabel = function (tradeChartLabelFormat, value, prevValue, prevPrevValue) {
-        if (tradeChartLabelFormat === ETradeChartLabelFormat.Minutes) {
+        if (tradeChartLabelFormat === ETradeChartLabelFormat.Seconds) {
+            var newDate = prevValue === undefined ||
+                (0, date_1.formatUnixDateToHumanStringMMMDD)(value) !== (0, date_1.formatUnixDateToHumanStringMMMDD)(prevValue);
+            if (newDate) {
+                return (0, date_1.formatUnixDateToHumanStringMMMDD)(value);
+            }
+            else {
+                return (0, date_1.formatUnixDateToHumanStringHHMMSS)(value);
+            }
+        }
+        else if (tradeChartLabelFormat === ETradeChartLabelFormat.Minutes) {
             var newDate = prevValue === undefined ||
                 (0, date_1.formatUnixDateToHumanStringMMMDD)(value) !== (0, date_1.formatUnixDateToHumanStringMMMDD)(prevValue);
             if (newDate) {

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

@@ -10,6 +10,7 @@ import { AxisBase2D } from "./AxisBase2D";
 import { DeltaCalculator } from "./DeltaCalculator/DeltaCalculator";
 import { LabelProviderBase2D } from "./LabelProvider/LabelProviderBase2D";
 import { INumericAxisOptions } from "./NumericAxis";
+export declare const MIN_LOG_AXIS_VALUE = 1e-10;
 export interface ILogarithmicAxisOptions extends INumericAxisOptions {
     /**
      * The Logarithmic Base for the axis. Defaults to 10

package/Charting/Visuals/Axis/LogarithmicAxis.js

@@ -15,7 +15,7 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LogarithmicAxis = void 0;
+exports.LogarithmicAxis = exports.MIN_LOG_AXIS_VALUE = void 0;
 var EasingFunctions_1 = require("../../../Core/Animations/EasingFunctions");
 var NumberRangeAnimator_1 = require("../../../Core/Animations/NumberRangeAnimator");
 var NumberRange_1 = require("../../../Core/NumberRange");
@@ -27,6 +27,8 @@ var AxisBase2D_1 = require("./AxisBase2D");
 var constants_1 = require("./constants");
 var LogarithmicDeltaCalculator_1 = require("./DeltaCalculator/LogarithmicDeltaCalculator");
 var LogarithmicLabelProvider_1 = require("./LabelProvider/LogarithmicLabelProvider");
+// TODO probably find better value, e.g. check if it works with Number.MIN_VALUE
+exports.MIN_LOG_AXIS_VALUE = 0.0000000001;
 /**
  * Creates an instance of a {@link LogarithmicAxis}
  * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
@@ -55,10 +57,10 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         else {
             // Log axis can be positive or negative, but not both.
             if (_this.isNegativeProperty) {
-                _this.visibleRangeLimit = new NumberRange_1.NumberRange(-Infinity, -0.0000000001);
+                _this.visibleRangeLimit = new NumberRange_1.NumberRange(-Infinity, -exports.MIN_LOG_AXIS_VALUE);
             }
             else {
-                _this.visibleRangeLimit = new NumberRange_1.NumberRange(0.0000000001, Infinity);
+                _this.visibleRangeLimit = new NumberRange_1.NumberRange(exports.MIN_LOG_AXIS_VALUE, Infinity);
             }
         }
         return _this;