scichart 2.1.2301 → 2.2.2389

package/Charting/Visuals/Annotations/VerticalLineAnnotation.js

@@ -58,7 +58,7 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link ILineAnnotationOptions} which configure the annotation upon construction
      */
     function VerticalLineAnnotation(options) {
-        var _a, _b;
+        var _a, _b, _c;
         var _this = _super.call(this, options) || this;
         /** @inheritDoc */
         _this.type = IAnnotation_1.EAnnotationType.RenderContextVerticalLineAnnotation;
@@ -72,6 +72,7 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         }
         _this.dragOnLine = (_a = options === null || options === void 0 ? void 0 : options.dragOnLine) !== null && _a !== void 0 ? _a : _this.dragOnLine;
         _this.dragOnLabel = (_b = options === null || options === void 0 ? void 0 : options.dragOnLabel) !== null && _b !== void 0 ? _b : _this.dragOnLabel;
+        _this.verticalAlignment = (_c = options === null || options === void 0 ? void 0 : options.verticalAlignment) !== null && _c !== void 0 ? _c : _this.verticalAlignment;
         return _this;
     }
     Object.defineProperty(VerticalLineAnnotation.prototype, "y2", {
@@ -138,7 +139,7 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         var isLineAnnotationEdgeVisible = !isPartialLine || isLineAnnotationInVerticalVisibleRange;
         if (isAxisLabelInHorizontalVisibleRange && isLineAnnotationEdgeVisible) {
             var textStyle = __assign(__assign({}, verticalAxis.labelStyle), { color: this.axisLabelStroke, fontSize: this.axisFontSize * DpiHelper_1.DpiHelper.PIXEL_RATIO, fontFamily: this.axisFontFamily });
-            var labelRect = (0, drawLabel_1.drawLineAnnotation)(horizontalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
+            var labelRect = (0, drawLabel_1.drawLineAnnotation)(horizontalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity, null, this.verticalAlignment);
             if (labelRect) {
                 var point1 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.left, labelRect.top), viewRect, true);
                 var point2 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.right, labelRect.bottom), viewRect, true);

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

@@ -51,7 +51,8 @@ export declare enum PROPERTY {
     Y2 = "Y2",
     YAXIS_ID = "YAXIS_ID",
     Y_COORDINATE_MODE = "Y_COORDINATE_MODE",
-    Y_COORD_SHIFT = "Y_COORD_SHIFT"
+    Y_COORD_SHIFT = "Y_COORD_SHIFT",
+    PLACEMENT_DIV_ID = "PLACEMENT_DIV_ID"
 }
 export declare const ADORNER_GRIP_RADIUS = 10;
 export declare const DISTANCE_TO_LINE = 10;

package/Charting/Visuals/Annotations/constants.js

@@ -56,6 +56,7 @@ var PROPERTY;
     PROPERTY["YAXIS_ID"] = "YAXIS_ID";
     PROPERTY["Y_COORDINATE_MODE"] = "Y_COORDINATE_MODE";
     PROPERTY["Y_COORD_SHIFT"] = "Y_COORD_SHIFT";
+    PROPERTY["PLACEMENT_DIV_ID"] = "PLACEMENT_DIV_ID";
 })(PROPERTY = exports.PROPERTY || (exports.PROPERTY = {}));
 exports.ADORNER_GRIP_RADIUS = 10;
 exports.DISTANCE_TO_LINE = 10;

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

@@ -144,6 +144,7 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
      * Useful to align seriesViewRects for different charts
      */
     axisThickness?: number;
+    backgroundColor?: string;
 }
 /**
  * The base class for 2D Chart Axis within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
@@ -238,6 +239,14 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * This is only used to allow multiple primary axes, so that all stacked axes can draw gridlines
      */
     set isStackedAxis(value: boolean);
+    /**
+     * Gets the background color of separate Axis
+     */
+    get backgroundColor(): string;
+    /**
+     * Sets the background color of separate Axis
+     */
+    set backgroundColor(value: string);
     /** Gets or sets the length of a stacked axis as an absolute number or percentage, e.g. 100, or "30%".
      * A plain number will be interpreted as a number of pixels.
      * A number with % will take that percentage of the total length.
@@ -299,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
      */
@@ -341,6 +350,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
     private axisLengthProperty;
     private offsetProperty;
     private tickCache;
+    private backgroundColorProperty;
     /**
      * Creates an instance of the {@link AxisBase2D}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and

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");
@@ -100,7 +101,7 @@ var AxisBase2D = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link IAxisBase2dOptions} used to configure the axis at instantiation time
      */
     function AxisBase2D(webAssemblyContext, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         var _this = _super.call(this, options) || this;
         /**
          * Gets the {@link AxisLayoutState} class which manages layout
@@ -157,6 +158,7 @@ var AxisBase2D = /** @class */ (function (_super) {
             }
         }
         _this.autoRangeAnimationProperty = options === null || options === void 0 ? void 0 : options.autoRangeAnimation;
+        _this.backgroundColor = (_j = options === null || options === void 0 ? void 0 : options.backgroundColor) !== null && _j !== void 0 ? _j : _this.backgroundColor;
         return _this;
     }
     Object.defineProperty(AxisBase2D.prototype, "labelProvider", {
@@ -348,6 +350,25 @@ var AxisBase2D = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AxisBase2D.prototype, "backgroundColor", {
+        /**
+         * Gets the background color of separate Axis
+         */
+        get: function () {
+            return this.backgroundColorProperty;
+        },
+        /**
+         * Sets the background color of separate Axis
+         */
+        set: function (value) {
+            this.backgroundColorProperty = value;
+            if (this.invalidateParentCallback) {
+                this.invalidateParentCallback();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(AxisBase2D.prototype, "stackedAxisLength", {
         /** Gets or sets the length of a stacked axis as an absolute number or percentage, e.g. 100, or "30%".
          * A plain number will be interpreted as a number of pixels.
@@ -590,6 +611,53 @@ var AxisBase2D = /** @class */ (function (_super) {
         }
         // make sure axes is drawn at the last stage
         renderContext.enqueueLayeredDraw(function () {
+            // Draw background
+            if (_this.backgroundColorProperty) {
+                var viewAxisRect = _this.axisRenderer.viewRect;
+                var viewTitleRect = _this.axisTitleRenderer.viewRect;
+                var brush = new _this.webAssemblyContext2D.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)(_this.backgroundColorProperty), false);
+                var nativeAxisRect = void 0;
+                var nativeTitleRect = void 0;
+                // Empty space covering for axis coloring
+                // let shift: number = 0;
+                // let additionalSize: number = 0;
+                // if (this.isHorizontalAxis) {
+                //     this.parentSurface.yAxes.asArray().forEach((yAxis: AxisBase2D, index: number) => {
+                //         const size: number = yAxis.axisRenderer.viewAxisRect.width + yAxis.axisTitleRenderer.viewAxisRect.width;
+                //         if (index === 0) {
+                //             shift += size;
+                //         } else {
+                //             additionalSize += size;
+                //         }
+                //     });
+                //     nativeAxisRect = createNativeRect(this.webAssemblyContext2D, 0 - shift, 0, viewAxisRect.width + additionalSize, viewAxisRect.height);
+                //     nativeTitleRect = createNativeRect(this.webAssemblyContext2D, 0 - shift, 0, viewTitleRect.width + additionalSize, viewTitleRect.height);
+                // } else {
+                //     this.parentSurface.xAxes.asArray().forEach((xAxis: AxisBase2D, index: number) => {
+                //         const size: number = xAxis.axisRenderer.viewAxisRect.height + xAxis.axisTitleRenderer.viewAxisRect.height;
+                //         if (index === 0) {
+                //             shift += size;
+                //         } else {
+                //             additionalSize += size;
+                //         }
+                //     });
+                //     nativeAxisRect = createNativeRect(this.webAssemblyContext2D, 0, 0 - shift, viewAxisRect.width, viewAxisRect.height + additionalSize);
+                //     nativeTitleRect = createNativeRect(this.webAssemblyContext2D, 0, 0 - shift, viewTitleRect.width, viewTitleRect.height + additionalSize);
+                // }
+                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 = (0, NativeObject_1.getVectorRectVertex)(_this.webAssemblyContext2D);
+                    vecRects.push_back(nativeAxisRect);
+                    renderContext.drawRects(vecRects, brush, viewAxisRect.left, viewAxisRect.top);
+                }
+                if (nativeTitleRect) {
+                    var vecRects = (0, NativeObject_1.getVectorRectVertex)(_this.webAssemblyContext2D);
+                    vecRects.push_back(nativeTitleRect);
+                    renderContext.drawRects(vecRects, brush, viewTitleRect.left, viewTitleRect.top);
+                }
+                brush.delete();
+            }
             // Draw axis labels
             if (_this.drawLabels) {
                 if (SciChartSurfaceBase_1.DebugForDpi) {
@@ -617,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();
     };
@@ -929,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];
@@ -947,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
@@ -960,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

@@ -0,0 +1,34 @@
+import { ELabelProviderType } from "../../../../types/LabelProviderType";
+import { IPieSegment } from "../../SciChartPieSurface/PieSegment/IPieSegment";
+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;
+    /**
+     * 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
+     */
+    getSegmentText(segment: IPieSegment, total: number): string;
+    /**
+     * Called when the {@link LabelProvider} is attached to an {@link SciChartPieSurface }
+     * @param pieSurface The SciPieSurface we are attached to.
+     */
+    attachedToSurface(pieSurface: SciChartPieSurface): void;
+    /**
+     * @inheritDoc
+     */
+    onBeginAxisDraw(): void;
+    protected invalidateParent(): void;
+}