scichart 3.1.348 → 3.2.0-beta

package/Charting/Drawing/WebGlPen.d.ts

@@ -1,10 +1,11 @@
+import { DeletableEntity } from "../../Core/DeletableEntity";
 import { SCRTPen } from "../../types/TSciChart";
 import { EDrawingTypes } from "./constants";
 import { IPen2D } from "./IPen2D";
 /**
  * The WebGlPen is a pen for polygon stroke, line strokes, which can be passed to SciChart's WebGL / WebAssembly graphics engine
  */
-export declare class WebGlPen implements IPen2D {
+export declare class WebGlPen extends DeletableEntity implements IPen2D {
     private scrtPenProperty;
     private originalColor;
     /**

package/Charting/Drawing/WebGlPen.js

@@ -1,22 +1,41 @@
 "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.WebGlPen = void 0;
 var app_1 = require("../../constants/app");
+var DeletableEntity_1 = require("../../Core/DeletableEntity");
 var Deleter_1 = require("../../Core/Deleter");
 var colorUtil_1 = require("../../utils/colorUtil");
 var constants_1 = require("./constants");
 /**
  * The WebGlPen is a pen for polygon stroke, line strokes, which can be passed to SciChart's WebGL / WebAssembly graphics engine
  */
-var WebGlPen = /** @class */ (function () {
+var WebGlPen = /** @class */ (function (_super) {
+    __extends(WebGlPen, _super);
     /**
      * Creates an instance of WebGlPen
      * @param scrtPen the inner {@link SCRTPen} which can be passed to SciChart's WebAssembly WebGL engine
      * @param originalColor the original color which is used to change the opacity
      */
     function WebGlPen(scrtPen, originalColor) {
-        this.scrtPenProperty = scrtPen;
-        this.originalColor = originalColor !== null && originalColor !== void 0 ? originalColor : scrtPen === null || scrtPen === void 0 ? void 0 : scrtPen.m_uiColor;
+        var _this = _super.call(this) || this;
+        _this.scrtPenProperty = scrtPen;
+        _this.originalColor = originalColor !== null && originalColor !== void 0 ? originalColor : scrtPen === null || scrtPen === void 0 ? void 0 : scrtPen.m_uiColor;
+        return _this;
     }
     Object.defineProperty(WebGlPen.prototype, "scrtPen", {
         /**
@@ -50,5 +69,5 @@ var WebGlPen = /** @class */ (function () {
         this.scrtPen.m_uiColor = (0, colorUtil_1.uintArgbColorMultiplyOpacity)(this.originalColor, opacity);
     };
     return WebGlPen;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.WebGlPen = WebGlPen;

package/Charting/Drawing/WebGlRenderContext2D.d.ts

@@ -2,12 +2,13 @@ import { ICacheable } from "../../Core/ICacheable";
 import { Rect } from "../../Core/Rect";
 import { EDefaultRenderLayer } from "../../types/DefaultRenderLayer";
 import { Size } from "../../types/Size";
-import { SCRTBrush, SCRTFont, SCRTPen, SCRTRenderContext, TSciChart, VectorColorVertex, VectorRectVertex } from "../../types/TSciChart";
+import { SCRTBrush, SCRTPen, SCRTRenderContext, TSciChart, VectorColorVertex, VectorRectVertex } from "../../types/TSciChart";
 import { TTextStyle } from "../Visuals/Axis/AxisCore";
 import { ShaderEffect } from "../Visuals/RenderableSeries/ShaderEffect";
 import { IBrush2D } from "./IBrush2D";
 import { IPen2D } from "./IPen2D";
 import { IRenderContext2D } from "./IRenderContext2D";
+import { DeletableEntity } from "../../Core/DeletableEntity";
 declare type TDrawFunction = () => void;
 /**
  *
@@ -35,7 +36,7 @@ export declare enum ELineDrawMode {
  * This context class is used in SciChart's High Performance Realtime {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
  * to draw shapes, lines, fills, images and more
  */
-export declare class WebGlRenderContext2D implements IRenderContext2D {
+export declare class WebGlRenderContext2D extends DeletableEntity implements IRenderContext2D {
     /**
      * Should store Stores references to all cached WebGlResources {@link ICacheable}
      * Is used to invalidate the resources when the WebGL context is lost.
@@ -129,7 +130,7 @@ export declare class WebGlRenderContext2D implements IRenderContext2D {
      * Set advanced: true if you are planning to rotate or scale the text.
      * Set drawEarly: true if you are planning to call font.End() early.  Otherwise all native text will be drawn at the end of the render cycle.
      */
-    getFont(labelStyle: TTextStyle, advanced?: boolean, drawEarly?: boolean): SCRTFont;
+    getFont(labelStyle: TTextStyle, advanced?: boolean, drawEarly?: boolean): import("../../types/TSciChart").SCRTFont;
     /** End all fonts, causing text to be drawn */
     endFonts(force?: boolean): void;
 }

package/Charting/Drawing/WebGlRenderContext2D.js

@@ -1,4 +1,19 @@
 "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.WebGlRenderContext2D = exports.ELineDrawMode = exports.calculateAbsoluteRenderLayer = void 0;
 var app_1 = require("../../constants/app");
@@ -8,6 +23,7 @@ var createNativeRect_1 = require("../Visuals/Helpers/createNativeRect");
 var NativeObject_1 = require("../Visuals/Helpers/NativeObject");
 var WebGlBrush_1 = require("./WebGlBrush");
 var WebGlPen_1 = require("./WebGlPen");
+var DeletableEntity_1 = require("../../Core/DeletableEntity");
 /**
  *
  * @param step specifies the capacity of layers that could be potentially added between the default chart layers
@@ -38,18 +54,21 @@ var ELineDrawMode;
  * This context class is used in SciChart's High Performance Realtime {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
  * to draw shapes, lines, fills, images and more
  */
-var WebGlRenderContext2D = /** @class */ (function () {
+var WebGlRenderContext2D = /** @class */ (function (_super) {
+    __extends(WebGlRenderContext2D, _super);
     /**
      * Creates an instance of the WebGlRenderContext2D
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing native methods and access to our WebGL2 Engine
      * @param viewportSize The Viewport {@link Size}
      */
     function WebGlRenderContext2D(webAssemblyContext, viewportSize, canvasId) {
-        this.layers = {};
-        this.effects = [];
-        this.webAssemblyContext = webAssemblyContext;
-        this.viewportSize = viewportSize;
-        this.canvasId = canvasId;
+        var _this = _super.call(this) || this;
+        _this.layers = {};
+        _this.effects = [];
+        _this.webAssemblyContext = webAssemblyContext;
+        _this.viewportSize = viewportSize;
+        _this.canvasId = canvasId;
+        return _this;
     }
     /**
      * Get the native {@link SCRTRenderContext} for direct access to SciChart's WebAssembly Visual Xccelerator engine
@@ -344,5 +363,5 @@ var WebGlRenderContext2D = /** @class */ (function () {
      */
     WebGlRenderContext2D.webGlResourcesRefs = new Set();
     return WebGlRenderContext2D;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.WebGlRenderContext2D = WebGlRenderContext2D;

package/Charting/Model/BaseDataSeries.d.ts

@@ -1,9 +1,12 @@
+import { DeletableEntity } from "../../Core/DeletableEntity";
 import { EventHandler } from "../../Core/EventHandler";
 import { NumberRange } from "../../Core/NumberRange";
+import { NumberArray } from "../../types/NumberArray";
 import { ESearchMode } from "../../types/SearchMode";
 import { SCRTDoubleVector, TSciChart } from "../../types/TSciChart";
 import { SeriesAnimation } from "../Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { IDataDistributionCalculator } from "./DataDistributionCalculator/IDataDistributionCalculator";
+import { IDoubleVectorProvider } from "./DoubleVectorProvider";
 import { EDataChangeType, EDataSeriesType, EDataSeriesValueType, IDataChangeArgs, IDataSeries } from "./IDataSeries";
 import { IMetadataGenerator, IPointMetadata } from "./IPointMetadata";
 /**
@@ -44,6 +47,40 @@ export interface IBaseDataSeriesOptions {
      * Gets or sets whether the Y data contains NaN values.
      */
     containsNaN?: boolean;
+    /**
+     * Set the maximum size of the dataSeries in FIFO (First In First Out) mode.  This can only be set in the constructor options.
+     * If set, the dataSeries supports only append, appendRange, update and clear. Any data that is appended once the dataSeries has reached fifoCapacity will cause
+     * the oldest data to be discarded.  This is a much more efficient than appending and removing for achieving scrolling data.
+     * Spline series and Stacked series currently do not support fifo mode.
+     * To get the scrolling effect, you need to consider the behaviour of your X Axis. You can either
+     *    Use a {@link CategoryAxis}
+     *    Use a {@link NumericAxis} with increasing x values, and update the visibleRange (or use zoomExtents)
+     */
+    fifoCapacity?: number;
+    /**
+     * If true, data in fifo mode will not be "unwrapped" before drawing, giving ecg style sweeping mode.
+     * To get the sweeping effect, you need to consider the behaviour of your X Axis. You can either
+     *    Use a {@link CategoryAxis}
+     *    Use a {@link NumericAxis} and make your x values an offset from the first value, eg by doing x % fifoCapcity
+     */
+    fifoSweeping?: boolean;
+    /** In fifo sweeping mode, the number of earliest points to skip to create a gap between the latest and earliest data  */
+    fifoSweepingGap?: number;
+    /** Sets the starting index of data for fifo mode. */
+    fifoStartIndex?: number;
+    /**
+     * Gets or sets the capacity of the data series.  This is the amount of memory reserved for the data. For a normal dataSeries this will grow as data is appended.
+     * You can avoid memory fragmentation by creating your series with a larger capacity if you know it will grow to that.
+     */
+    capacity?: number;
+    /**
+     * The X-values array to pre-populate the {@link XyDataSeries}
+     */
+    xValues?: NumberArray;
+    /**
+     * The Y-values array to pre-populate the {@link XyDataSeries}
+     */
+    yValues?: NumberArray;
     /**
      * The Metadata values of type {@link IPointMetadata} to pre-populate the {@link XyDataSeries}
      * If a single metadata value is supplied, this will be used as a template for all data values.
@@ -65,7 +102,7 @@ export interface IBaseDataSeriesOptions {
  * See derived types of {@link BaseDataSeries} to find out what data-series are available.
  * See derived types of {@link IRenderableSeries} to find out what 2D JavaScript Chart types are available.
  */
-export declare abstract class BaseDataSeries implements IDataSeries {
+export declare abstract class BaseDataSeries extends DeletableEntity implements IDataSeries {
     /** @inheritDoc */
     abstract readonly type: EDataSeriesType;
     /** @inheritDoc */
@@ -103,6 +140,7 @@ export declare abstract class BaseDataSeries implements IDataSeries {
     protected yValues: SCRTDoubleVector;
     protected indexes: SCRTDoubleVector;
     protected isDeleted: boolean;
+    protected doubleVectorProvider: IDoubleVectorProvider;
     private dataSeriesNameProperty;
     private isSortedProperty;
     private containsNaNProperty;
@@ -110,6 +148,9 @@ export declare abstract class BaseDataSeries implements IDataSeries {
     private metadataProperty;
     private metadataGeneratorProperty;
     private changeCountProperty;
+    private fifoCapacityProperty;
+    private fifoSweepingProperty;
+    private fifoSweepingGapProperty;
     /**
      * Creates an instance of {@link BaseDataSeries}
      * @param webAssemblyContext the {@link TSciChart | SciChart WebAssembly Context} containing native methods
@@ -119,6 +160,14 @@ export declare abstract class BaseDataSeries implements IDataSeries {
     protected constructor(webAssemblyContext: TSciChart, options?: IBaseDataSeriesOptions);
     /** @inheritDoc */
     clear(): void;
+    /**
+     * Gets or sets the capacity of data-points in the DataSeries
+     */
+    get capacity(): number;
+    /**
+     * Gets or sets the capacity of data-points in the DataSeries
+     */
+    set capacity(value: number);
     /** @inheritDoc */
     get containsNaN(): boolean;
     /** @inheritDoc */
@@ -140,6 +189,18 @@ export declare abstract class BaseDataSeries implements IDataSeries {
     /** @inheritDoc */
     getIsDeleted(): boolean;
     /** @inheritDoc */
+    get fifoCapacity(): number;
+    /** @inheritDoc */
+    get fifoStartIndex(): number;
+    /** @inheritDoc */
+    get fifoSweeping(): boolean;
+    /** @inheritDoc */
+    set fifoSweeping(enabled: boolean);
+    /** @inheritDoc */
+    get fifoSweepingGap(): number;
+    /** @inheritDoc */
+    set fifoSweepingGap(fifoSweepingGap: number);
+    /** @inheritDoc */
     getNativeIndexes(): SCRTDoubleVector;
     /** @inheritDoc */
     getNativeXValues(): SCRTDoubleVector;
@@ -174,7 +235,7 @@ export declare abstract class BaseDataSeries implements IDataSeries {
      * Gets the metadata by index
      * @param index The X index
      */
-    getMetadataAt(index: number): IPointMetadata;
+    getMetadataAt(index: number, ignoreFifo?: boolean): IPointMetadata;
     /**
      * Gets the metadata array length
      */
@@ -183,6 +244,7 @@ export declare abstract class BaseDataSeries implements IDataSeries {
      * Check if the series has an existing metadata
      */
     get hasMetadata(): boolean;
+    createAnimationVectors(): void;
     /**
      * Sets initial values for the data animation
      * @param dataSeries The {@link BaseDataSeries} to be used for initial values
@@ -217,6 +279,9 @@ export declare abstract class BaseDataSeries implements IDataSeries {
     protected removeMetadataRange(startIndex: number, count: number): void;
     protected setMetadata(value: IPointMetadata[]): void;
     protected getXValues(dataSeriesValueType: EDataSeriesValueType): SCRTDoubleVector;
+    protected throwIfFifo(operation: string): void;
+    protected reserve(size: number): void;
+    protected calculateInitialCapacity(options: IBaseDataSeriesOptions): number;
     private fillMetadataIfUndefined;
     private getYValues;
 }

package/Charting/Model/BaseDataSeries.js

@@ -1,4 +1,19 @@
 "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 __());
+    };
+})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -13,15 +28,19 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWindowedYRange = exports.getIndicesRange = exports.BaseDataSeries = void 0;
 var classFactory_1 = require("../../Builder/classFactory");
+var DeletableEntity_1 = require("../../Core/DeletableEntity");
 var Deleter_1 = require("../../Core/Deleter");
 var EventHandler_1 = require("../../Core/EventHandler");
+var Guard_1 = require("../../Core/Guard");
 var NumberRange_1 = require("../../Core/NumberRange");
 var BaseType_1 = require("../../types/BaseType");
 var SearchMode_1 = require("../../types/SearchMode");
+var array_1 = require("../../utils/array");
 var guid_1 = require("../../utils/guid");
 var isRealNumber_1 = require("../../utils/isRealNumber");
 var animationHelpers_1 = require("../Visuals/RenderableSeries/Animations/animationHelpers");
 var DataDistributionCalculator_1 = require("./DataDistributionCalculator/DataDistributionCalculator");
+var DoubleVectorProvider_1 = require("./DoubleVectorProvider");
 var IDataSeries_1 = require("./IDataSeries");
 var IPointMetadata_1 = require("./IPointMetadata");
 /**
@@ -34,7 +53,8 @@ var IPointMetadata_1 = require("./IPointMetadata");
  * See derived types of {@link BaseDataSeries} to find out what data-series are available.
  * See derived types of {@link IRenderableSeries} to find out what 2D JavaScript Chart types are available.
  */
-var BaseDataSeries = /** @class */ (function () {
+var BaseDataSeries = /** @class */ (function (_super) {
+    __extends(BaseDataSeries, _super);
     /**
      * Creates an instance of {@link BaseDataSeries}
      * @param webAssemblyContext the {@link TSciChart | SciChart WebAssembly Context} containing native methods
@@ -42,40 +62,55 @@ var BaseDataSeries = /** @class */ (function () {
      * @param options the {@link IBaseDataSeriesOptions} which can be passed to config the DataSeries at construct time
      */
     function BaseDataSeries(webAssemblyContext, options) {
+        var _this = this;
         var _a, _b, _c, _d, _e, _f, _g;
+        _this = _super.call(this) || this;
         /** @inheritDoc */
-        this.dataChanged = new EventHandler_1.EventHandler();
+        _this.dataChanged = new EventHandler_1.EventHandler();
         /** @inheritDoc */
-        this.dataDistributionCalculator = new DataDistributionCalculator_1.DataDistributionCalculator();
-        this.minXSpacing = 0;
-        this.isSortedProperty = undefined;
-        this.containsNaNProperty = undefined;
-        this.isEvenlySpacedProperty = false;
-        this.metadataGeneratorProperty = undefined;
-        this.changeCountProperty = 0;
-        this.webAssemblyContext = webAssemblyContext;
-        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
-        this.xValues = new webAssemblyContext.SCRTDoubleVector();
-        this.yValues = new webAssemblyContext.SCRTDoubleVector();
-        this.indexes = new webAssemblyContext.SCRTDoubleVector();
-        this.xInitialAnimationValues = new webAssemblyContext.SCRTDoubleVector();
-        this.yInitialAnimationValues = new webAssemblyContext.SCRTDoubleVector();
-        this.xFinalAnimationValues = new webAssemblyContext.SCRTDoubleVector();
-        this.yFinalAnimationValues = new webAssemblyContext.SCRTDoubleVector();
-        this.dataSeriesNameProperty = (_b = options === null || options === void 0 ? void 0 : options.dataSeriesName) !== null && _b !== void 0 ? _b : this.dataSeriesNameProperty;
-        this.isSorted = (_d = (_c = options === null || options === void 0 ? void 0 : options.dataIsSortedInX) !== null && _c !== void 0 ? _c : options === null || options === void 0 ? void 0 : options.isSorted) !== null && _d !== void 0 ? _d : this.isSortedProperty;
-        this.containsNaN = (_e = options === null || options === void 0 ? void 0 : options.containsNaN) !== null && _e !== void 0 ? _e : this.containsNaNProperty;
-        this.isEvenlySpaced = (_f = options === null || options === void 0 ? void 0 : options.dataEvenlySpacedInX) !== null && _f !== void 0 ? _f : this.isEvenlySpacedProperty;
+        _this.dataDistributionCalculator = new DataDistributionCalculator_1.DataDistributionCalculator();
+        _this.minXSpacing = 0;
+        _this.doubleVectorProvider = new DoubleVectorProvider_1.DoubleVectorProvider();
+        _this.isSortedProperty = undefined;
+        _this.containsNaNProperty = undefined;
+        _this.isEvenlySpacedProperty = false;
+        _this.metadataGeneratorProperty = undefined;
+        _this.changeCountProperty = 0;
+        _this.fifoCapacityProperty = undefined;
+        _this.fifoSweepingProperty = false;
+        _this.fifoSweepingGapProperty = 1;
+        _this.webAssemblyContext = webAssemblyContext;
+        _this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
+        if (options === null || options === void 0 ? void 0 : options.fifoCapacity) {
+            _this.fifoCapacityProperty = options.fifoCapacity;
+            _this.doubleVectorProvider = new DoubleVectorProvider_1.FIFOVectorProvider(options.fifoCapacity);
+        }
+        else {
+            var initialCapacity = _this.calculateInitialCapacity(options);
+            Guard_1.Guard.argumentIsRealInteger(initialCapacity, "initialCapacity");
+            _this.doubleVectorProvider.capacity = initialCapacity;
+        }
+        _this.fifoSweepingProperty = (options === null || options === void 0 ? void 0 : options.fifoSweeping) || _this.fifoSweepingProperty;
+        _this.fifoSweepingGapProperty = (options === null || options === void 0 ? void 0 : options.fifoSweepingGap) || _this.fifoSweepingGapProperty;
+        _this.xValues = _this.doubleVectorProvider.getDoubleVector(webAssemblyContext);
+        _this.yValues = _this.doubleVectorProvider.getDoubleVector(webAssemblyContext);
+        // Indexes do not need to be fifo
+        _this.indexes = new webAssemblyContext.SCRTDoubleVector();
+        _this.dataSeriesNameProperty = (_b = options === null || options === void 0 ? void 0 : options.dataSeriesName) !== null && _b !== void 0 ? _b : _this.dataSeriesNameProperty;
+        _this.isSorted = (_d = (_c = options === null || options === void 0 ? void 0 : options.dataIsSortedInX) !== null && _c !== void 0 ? _c : options === null || options === void 0 ? void 0 : options.isSorted) !== null && _d !== void 0 ? _d : _this.isSortedProperty;
+        _this.containsNaN = (_e = options === null || options === void 0 ? void 0 : options.containsNaN) !== null && _e !== void 0 ? _e : _this.containsNaNProperty;
+        _this.isEvenlySpaced = (_f = options === null || options === void 0 ? void 0 : options.dataEvenlySpacedInX) !== null && _f !== void 0 ? _f : _this.isEvenlySpacedProperty;
         if (options === null || options === void 0 ? void 0 : options.metadata) {
             if ("type" in options.metadata) {
-                this.metadataGeneratorProperty = (0, classFactory_1.createType)(BaseType_1.EBaseType.MetadataGenerator, options.metadata.type, webAssemblyContext, options.metadata.data);
-                options.metadata = (_g = this.metadataGeneratorProperty) === null || _g === void 0 ? void 0 : _g.getMetadata();
+                _this.metadataGeneratorProperty = (0, classFactory_1.createType)(BaseType_1.EBaseType.MetadataGenerator, options.metadata.type, webAssemblyContext, options.metadata.data);
+                options.metadata = (_g = _this.metadataGeneratorProperty) === null || _g === void 0 ? void 0 : _g.getMetadata();
             }
             else if (!Array.isArray(options === null || options === void 0 ? void 0 : options.metadata)) {
-                this.metadataGeneratorProperty = new IPointMetadata_1.TemplateMetadataGenerator(options === null || options === void 0 ? void 0 : options.metadata);
+                _this.metadataGeneratorProperty = new IPointMetadata_1.TemplateMetadataGenerator(options === null || options === void 0 ? void 0 : options.metadata);
                 options.metadata = undefined;
             }
         }
+        return _this;
     }
     /** @inheritDoc */
     BaseDataSeries.prototype.clear = function () {
@@ -83,6 +118,26 @@ var BaseDataSeries = /** @class */ (function () {
         (_a = this.indexes) === null || _a === void 0 ? void 0 : _a.clear();
         this.dataDistributionCalculator.clear(this.isSorted, this.containsNaN);
     };
+    Object.defineProperty(BaseDataSeries.prototype, "capacity", {
+        /**
+         * Gets or sets the capacity of data-points in the DataSeries
+         */
+        get: function () {
+            return this.xValues.capacity();
+        },
+        /**
+         * Gets or sets the capacity of data-points in the DataSeries
+         */
+        set: function (value) {
+            if (value > this.capacity) {
+                this.reserve(value);
+            }
+            // TODO Not sure whether this is needed
+            // this.notifyDataChanged(EDataChangeType.Property, undefined, undefined, "capacity");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseDataSeries.prototype, "containsNaN", {
         /** @inheritDoc */
         get: function () {
@@ -152,14 +207,60 @@ var BaseDataSeries = /** @class */ (function () {
     BaseDataSeries.prototype.getIsDeleted = function () {
         return this.isDeleted;
     };
+    Object.defineProperty(BaseDataSeries.prototype, "fifoCapacity", {
+        /** @inheritDoc */
+        get: function () {
+            return this.fifoCapacityProperty;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseDataSeries.prototype, "fifoStartIndex", {
+        /** @inheritDoc */
+        get: function () {
+            return this.fifoCapacity > 0 ? this.xValues.getStartIndex() : 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseDataSeries.prototype, "fifoSweeping", {
+        /** @inheritDoc */
+        get: function () {
+            return this.fifoCapacity && this.fifoSweepingProperty;
+        },
+        /** @inheritDoc */
+        set: function (enabled) {
+            this.fifoSweepingProperty = enabled;
+            this.notifyDataChanged(IDataSeries_1.EDataChangeType.Property, undefined, undefined, "fifoSweeping");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseDataSeries.prototype, "fifoSweepingGap", {
+        /** @inheritDoc */
+        get: function () {
+            return this.fifoSweepingGapProperty;
+        },
+        /** @inheritDoc */
+        set: function (fifoSweepingGap) {
+            this.fifoSweepingGapProperty = fifoSweepingGap;
+            this.notifyDataChanged(IDataSeries_1.EDataChangeType.Property, undefined, undefined, "fifoSweepingGap");
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     BaseDataSeries.prototype.getNativeIndexes = function () {
         if (!this.indexes) {
             return undefined;
         }
-        var indexes = this.indexes;
-        if (indexes.size() < this.count()) {
-            this.webAssemblyContext.SCRTFillVectorSequential(this.indexes, this.count());
+        var expectedDataSeriesSize = this.count();
+        var currentIndexesSize = this.indexes.size();
+        if (currentIndexesSize < expectedDataSeriesSize) {
+            this.webAssemblyContext.SCRTFillVectorSequential(this.indexes, expectedDataSeriesSize);
+        }
+        else if (currentIndexesSize > expectedDataSeriesSize) {
+            this.indexes.resizeFast(expectedDataSeriesSize);
         }
         return this.indexes;
     };
@@ -286,12 +387,19 @@ var BaseDataSeries = /** @class */ (function () {
      * Gets the metadata by index
      * @param index The X index
      */
-    BaseDataSeries.prototype.getMetadataAt = function (index) {
+    BaseDataSeries.prototype.getMetadataAt = function (index, ignoreFifo) {
+        if (ignoreFifo === void 0) { ignoreFifo = false; }
         this.validateIndex(index);
         if (!this.metadataProperty) {
             return undefined;
         }
-        return this.metadataProperty[index];
+        if (this.fifoCapacity && !ignoreFifo) {
+            var fifoIndex = (this.xValues.getStartIndex() + index) % this.fifoCapacity;
+            return this.metadataProperty[fifoIndex];
+        }
+        else {
+            return this.metadataProperty[index];
+        }
     };
     /**
      * Gets the metadata array length
@@ -312,6 +420,12 @@ var BaseDataSeries = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    BaseDataSeries.prototype.createAnimationVectors = function () {
+        this.xInitialAnimationValues = this.doubleVectorProvider.getDoubleVector(this.webAssemblyContext);
+        this.yInitialAnimationValues = this.doubleVectorProvider.getDoubleVector(this.webAssemblyContext);
+        this.xFinalAnimationValues = this.doubleVectorProvider.getDoubleVector(this.webAssemblyContext);
+        this.yFinalAnimationValues = this.doubleVectorProvider.getDoubleVector(this.webAssemblyContext);
+    };
     /**
      * Sets initial values for the data animation
      * @param dataSeries The {@link BaseDataSeries} to be used for initial values
@@ -366,9 +480,13 @@ var BaseDataSeries = /** @class */ (function () {
     /** @inheritDoc */
     BaseDataSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
-        var options = __assign({ containsNaN: this.containsNaN, dataIsSortedInX: this.isSorted, dataSeriesName: this.dataSeriesName, 
-            // @ts-ignore
-            metadata: this.metadataGeneratorProperty ? this.metadataGeneratorProperty.toJSON() : this.metadataProperty }, this.dataIds);
+        var options = __assign({ id: this.id, containsNaN: this.containsNaN, isSorted: this.isSorted, dataIsSortedInX: this.isSorted, dataEvenlySpacedInX: this.isEvenlySpaced, dataSeriesName: this.dataSeriesName, fifoCapacity: this.fifoCapacity, fifoSweeping: this.fifoSweeping, fifoSweepingGap: this.fifoSweepingGap, fifoStartIndex: this.fifoSweeping ? this.fifoStartIndex : 0, capacity: this.capacity, metadata: undefined, 
+            // values must be serialized in derived classes
+            xValues: undefined, yValues: undefined }, this.dataIds);
+        // @ts-ignore
+        options.metadata = this.metadataGeneratorProperty
+            ? this.metadataGeneratorProperty.toJSON()
+            : this.metadataProperty;
         return options;
     };
     Object.defineProperty(BaseDataSeries.prototype, "changeCount", {
@@ -394,7 +512,13 @@ var BaseDataSeries = /** @class */ (function () {
         }
         this.validateIndex(index);
         this.fillMetadataIfUndefined();
-        this.metadataProperty[index] = metadata;
+        if (this.fifoCapacity) {
+            var fifoIndex = (this.xValues.getStartIndex() + index) % this.fifoCapacity;
+            this.metadataProperty[fifoIndex] = metadata;
+        }
+        else {
+            this.metadataProperty[index] = metadata;
+        }
     };
     BaseDataSeries.prototype.appendMetadata = function (metadata) {
         if (!metadata) {
@@ -406,7 +530,12 @@ var BaseDataSeries = /** @class */ (function () {
             }
         }
         this.fillMetadataIfUndefined();
-        this.metadataProperty.push(metadata);
+        if (this.fifoCapacity && this.count() === this.fifoCapacity) {
+            this.metadataProperty[this.xValues.getStartIndex()] = metadata;
+        }
+        else {
+            this.metadataProperty.push(metadata);
+        }
     };
     BaseDataSeries.prototype.appendMetadataRange = function (metadata, length) {
         var _this = this;
@@ -421,12 +550,17 @@ var BaseDataSeries = /** @class */ (function () {
             }
         }
         this.fillMetadataIfUndefined();
-        var startIndex = this.metadataProperty.length;
-        // reserve space for new values
-        this.metadataProperty.length += length;
-        // merge new values into th collection
-        for (var i = 0; i < length; ++i) {
-            this.metadataProperty[startIndex + i] = metadata[i];
+        if (this.fifoCapacity) {
+            (0, array_1.appendRangeFifo)(metadata, this.metadataProperty, this.fifoCapacity, this.xValues.getStartIndex());
+        }
+        else {
+            var startIndex = this.metadataProperty.length;
+            // reserve space for new values
+            this.metadataProperty.length += length;
+            // merge new values into the collection
+            for (var i = 0; i < length; ++i) {
+                this.metadataProperty[startIndex + i] = metadata[i];
+            }
         }
         // Alternative approach
         // this.metadataProperty = this.metadataProperty.concat(metadata);
@@ -490,6 +624,23 @@ var BaseDataSeries = /** @class */ (function () {
         }
         return xValues;
     };
+    BaseDataSeries.prototype.throwIfFifo = function (operation) {
+        if (this.fifoCapacity) {
+            throw new Error("".concat(operation, " is not supported in fifo mode"));
+        }
+    };
+    BaseDataSeries.prototype.reserve = function (size) {
+        if (this.fifoCapacity) {
+            throw new Error("Resizing a fifo dataSeries is not currently supported.");
+        }
+        Guard_1.Guard.argumentIsRealInteger(size, "capacity");
+        this.xValues.reserve(size);
+        this.yValues.reserve(size);
+    };
+    BaseDataSeries.prototype.calculateInitialCapacity = function (options) {
+        var _a, _b, _c;
+        return Math.max((_a = options === null || options === void 0 ? void 0 : options.capacity) !== null && _a !== void 0 ? _a : 0, (_c = (_b = options === null || options === void 0 ? void 0 : options.xValues) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0);
+    };
     BaseDataSeries.prototype.fillMetadataIfUndefined = function () {
         if (this.metadataProperty === undefined) {
             var length_1 = this.count();
@@ -511,7 +662,7 @@ var BaseDataSeries = /** @class */ (function () {
         return yValues;
     };
     return BaseDataSeries;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.BaseDataSeries = BaseDataSeries;
 /** @ignore */
 var getIndicesRange = function (webAssemblyContext, xValues, xRange, isSorted) {