scichart 3.1.346 → 3.2.0-beta

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.d.ts

@@ -33,6 +33,7 @@ import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
 import { SeriesVisibleChangedArgs } from "./SeriesVisibleChangedArgs";
 import { ShaderEffect } from "./ShaderEffect";
 import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 /**
  * @summary Defines the base class to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -43,7 +44,7 @@ import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
  * 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 BaseRenderableSeries implements IRenderableSeries {
+export declare abstract class BaseRenderableSeries extends DeletableEntity implements IRenderableSeries {
     /** @inheritDoc */
     abstract readonly type: ESeriesType;
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.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.getDelta = exports.getDataPointWidth = exports.BaseRenderableSeries = void 0;
 var classFactory_1 = require("../../../Builder/classFactory");
@@ -35,6 +50,8 @@ var SeriesHoveredArgs_1 = require("./SeriesHoveredArgs");
 var SeriesSelectedArgs_1 = require("./SeriesSelectedArgs");
 var SeriesVisibleChangedArgs_1 = require("./SeriesVisibleChangedArgs");
 var DataLabelProviderType_1 = require("../../../types/DataLabelProviderType");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
+var XyzSeriesInfo_1 = require("../../Model/ChartData/XyzSeriesInfo");
 /**
  * @summary Defines the base class to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -45,7 +62,8 @@ var DataLabelProviderType_1 = require("../../../types/DataLabelProviderType");
  * 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 BaseRenderableSeries = /** @class */ (function () {
+var BaseRenderableSeries = /** @class */ (function (_super) {
+    __extends(BaseRenderableSeries, _super);
     /**
      * Creates an instance of the {@link BaseRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -53,46 +71,48 @@ var BaseRenderableSeries = /** @class */ (function () {
      * @param options optional parameters of type {@link IBaseRenderableSeriesOptions} applied when constructing the series type
      */
     function BaseRenderableSeries(webAssemblyContext, options) {
+        var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        _this = _super.call(this) || this;
         /** @inheritDoc */
-        this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(this);
+        _this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(_this);
         /** @inheritDoc */
-        this.rolloverModifierProps1 = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(this, true);
+        _this.rolloverModifierProps1 = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(_this, true);
         /** @inheritDoc */
-        this.selected = new EventHandler_1.EventHandler();
+        _this.selected = new EventHandler_1.EventHandler();
         /** @inheritDoc */
-        this.hovered = new EventHandler_1.EventHandler();
+        _this.hovered = new EventHandler_1.EventHandler();
         /** @inheritDoc */
-        this.isVisibleChanged = new EventHandler_1.EventHandler();
-        this.animationQueue = [];
-        this.paletteProviderProperty = IPaletteProvider_1.DefaultPaletteProvider.createEmpty();
+        _this.isVisibleChanged = new EventHandler_1.EventHandler();
+        _this.animationQueue = [];
+        _this.paletteProviderProperty = IPaletteProvider_1.DefaultPaletteProvider.createEmpty();
         // used to track if registered types were used for function properties, so they can be serialized
-        this.typeMap = new Map();
-        this.opacityProperty = 1;
-        this.drawingProvidersProperty = [];
-        this.xAxisIdProperty = AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
-        this.yAxisIdProperty = AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
-        this.strokeThicknessProperty = 2;
-        this.strokeProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.lineSeriesColor;
-        this.drawNaNAsProperty = WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine;
-        this.isVisibleProperty = true;
-        this.isDigitalLineProperty = false;
-        this.resamplingModeProperty = ResamplingMode_1.EResamplingMode.Auto;
-        this.resamplingPrecisionProperty = 0;
-        this.isStacked = false;
-        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.typeMap = new Map();
+        _this.opacityProperty = 1;
+        _this.drawingProvidersProperty = [];
+        _this.xAxisIdProperty = AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
+        _this.yAxisIdProperty = AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
+        _this.strokeThicknessProperty = 2;
+        _this.strokeProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.lineSeriesColor;
+        _this.drawNaNAsProperty = WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine;
+        _this.isVisibleProperty = true;
+        _this.isDigitalLineProperty = false;
+        _this.resamplingModeProperty = ResamplingMode_1.EResamplingMode.Auto;
+        _this.resamplingPrecisionProperty = 0;
+        _this.isStacked = false;
+        _this.webAssemblyContext = webAssemblyContext;
+        _this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
         // It is very important to add bind(this) first line in constructor,
         // otherwise dataSeries passed through the options does not work!
-        this.dataSeriesDataChanged = this.dataSeriesDataChanged.bind(this);
-        this.effectPropertyChanged = this.effectPropertyChanged.bind(this);
-        this.invalidateParent = this.invalidateParent.bind(this);
-        this.getDataPointWidth = this.getDataPointWidth.bind(this);
-        this.updateAnimationProperties = this.updateAnimationProperties.bind(this);
-        this.beforeAnimationStart = this.beforeAnimationStart.bind(this);
-        this.afterAnimationComplete = this.afterAnimationComplete.bind(this);
+        _this.dataSeriesDataChanged = _this.dataSeriesDataChanged.bind(_this);
+        _this.effectPropertyChanged = _this.effectPropertyChanged.bind(_this);
+        _this.invalidateParent = _this.invalidateParent.bind(_this);
+        _this.getDataPointWidth = _this.getDataPointWidth.bind(_this);
+        _this.updateAnimationProperties = _this.updateAnimationProperties.bind(_this);
+        _this.beforeAnimationStart = _this.beforeAnimationStart.bind(_this);
+        _this.afterAnimationComplete = _this.afterAnimationComplete.bind(_this);
         // Need to set dataSeries (not just dataSeriesProperty) because of dataChanged.subscribe
-        this.dataSeries = (_b = options === null || options === void 0 ? void 0 : options.dataSeries) !== null && _b !== void 0 ? _b : this.dataSeriesProperty;
+        _this.dataSeries = (_b = options === null || options === void 0 ? void 0 : options.dataSeries) !== null && _b !== void 0 ? _b : _this.dataSeriesProperty;
         if (options === null || options === void 0 ? void 0 : options.pointMarker) {
             if (!("drawSprite" in options.pointMarker)) {
                 if (options.pointMarker.type === PointMarkerType_1.EPointMarkerType.Custom) {
@@ -103,22 +123,22 @@ var BaseRenderableSeries = /** @class */ (function () {
                 }
             }
         }
-        this.pointMarkerProperty = (_c = options === null || options === void 0 ? void 0 : options.pointMarker) !== null && _c !== void 0 ? _c : this.pointMarkerProperty;
-        this.strokeProperty = (_d = options === null || options === void 0 ? void 0 : options.stroke) !== null && _d !== void 0 ? _d : this.strokeProperty;
-        this.strokeThicknessProperty = (_e = options === null || options === void 0 ? void 0 : options.strokeThickness) !== null && _e !== void 0 ? _e : this.strokeThicknessProperty;
-        this.opacityProperty = (_f = options === null || options === void 0 ? void 0 : options.opacity) !== null && _f !== void 0 ? _f : this.opacityProperty;
-        this.xAxisIdProperty = (_g = options === null || options === void 0 ? void 0 : options.xAxisId) !== null && _g !== void 0 ? _g : this.xAxisIdProperty;
-        this.yAxisIdProperty = (_h = options === null || options === void 0 ? void 0 : options.yAxisId) !== null && _h !== void 0 ? _h : this.yAxisIdProperty;
-        this.isVisibleProperty = (_j = options === null || options === void 0 ? void 0 : options.isVisible) !== null && _j !== void 0 ? _j : this.isVisibleProperty;
-        this.isDigitalLineProperty = (_k = options === null || options === void 0 ? void 0 : options.isDigitalLine) !== null && _k !== void 0 ? _k : this.isDigitalLineProperty;
-        this.resamplingModeProperty = (_l = options === null || options === void 0 ? void 0 : options.resamplingMode) !== null && _l !== void 0 ? _l : this.resamplingModeProperty;
-        this.resamplingPrecisionProperty = (_m = options === null || options === void 0 ? void 0 : options.resamplingPrecision) !== null && _m !== void 0 ? _m : this.resamplingPrecisionProperty;
+        _this.pointMarkerProperty = (_c = options === null || options === void 0 ? void 0 : options.pointMarker) !== null && _c !== void 0 ? _c : _this.pointMarkerProperty;
+        _this.strokeProperty = (_d = options === null || options === void 0 ? void 0 : options.stroke) !== null && _d !== void 0 ? _d : _this.strokeProperty;
+        _this.strokeThicknessProperty = (_e = options === null || options === void 0 ? void 0 : options.strokeThickness) !== null && _e !== void 0 ? _e : _this.strokeThicknessProperty;
+        _this.opacityProperty = (_f = options === null || options === void 0 ? void 0 : options.opacity) !== null && _f !== void 0 ? _f : _this.opacityProperty;
+        _this.xAxisIdProperty = (_g = options === null || options === void 0 ? void 0 : options.xAxisId) !== null && _g !== void 0 ? _g : _this.xAxisIdProperty;
+        _this.yAxisIdProperty = (_h = options === null || options === void 0 ? void 0 : options.yAxisId) !== null && _h !== void 0 ? _h : _this.yAxisIdProperty;
+        _this.isVisibleProperty = (_j = options === null || options === void 0 ? void 0 : options.isVisible) !== null && _j !== void 0 ? _j : _this.isVisibleProperty;
+        _this.isDigitalLineProperty = (_k = options === null || options === void 0 ? void 0 : options.isDigitalLine) !== null && _k !== void 0 ? _k : _this.isDigitalLineProperty;
+        _this.resamplingModeProperty = (_l = options === null || options === void 0 ? void 0 : options.resamplingMode) !== null && _l !== void 0 ? _l : _this.resamplingModeProperty;
+        _this.resamplingPrecisionProperty = (_m = options === null || options === void 0 ? void 0 : options.resamplingPrecision) !== null && _m !== void 0 ? _m : _this.resamplingPrecisionProperty;
         if (options === null || options === void 0 ? void 0 : options.effect) {
             if (!("getNativeEffect" in options.effect)) {
                 options.effect = (0, classFactory_1.createType)(BaseType_1.EBaseType.ShaderEffect, options.effect.type, webAssemblyContext, options.effect.options);
             }
         }
-        this.effectProperty = options === null || options === void 0 ? void 0 : options.effect;
+        _this.effectProperty = options === null || options === void 0 ? void 0 : options.effect;
         if (options === null || options === void 0 ? void 0 : options.paletteProvider) {
             if (!("onAttached" in options.paletteProvider)) {
                 if (options.paletteProvider.type === PaletteProviderType_1.EPaletteProviderType.Custom) {
@@ -129,51 +149,51 @@ var BaseRenderableSeries = /** @class */ (function () {
                 }
             }
         }
-        this.paletteProviderProperty = (_o = options === null || options === void 0 ? void 0 : options.paletteProvider) !== null && _o !== void 0 ? _o : this.paletteProviderProperty;
+        _this.paletteProviderProperty = (_o = options === null || options === void 0 ? void 0 : options.paletteProvider) !== null && _o !== void 0 ? _o : _this.paletteProviderProperty;
         // PaletteProvider.onAttached must be called by the top level series, as the series type is not available here
-        this.drawNaNAsProperty = (_p = options === null || options === void 0 ? void 0 : options.drawNaNAs) !== null && _p !== void 0 ? _p : this.drawNaNAsProperty;
-        this.hitTestProvider = this.newHitTestProvider();
-        this.isSelected = (_q = options === null || options === void 0 ? void 0 : options.isSelected) !== null && _q !== void 0 ? _q : false;
-        this.isHovered = (_r = options === null || options === void 0 ? void 0 : options.isHovered) !== null && _r !== void 0 ? _r : false;
+        _this.drawNaNAsProperty = (_p = options === null || options === void 0 ? void 0 : options.drawNaNAs) !== null && _p !== void 0 ? _p : _this.drawNaNAsProperty;
+        _this.hitTestProvider = _this.newHitTestProvider();
+        _this.isSelected = (_q = options === null || options === void 0 ? void 0 : options.isSelected) !== null && _q !== void 0 ? _q : false;
+        _this.isHovered = (_r = options === null || options === void 0 ? void 0 : options.isHovered) !== null && _r !== void 0 ? _r : false;
         if (options === null || options === void 0 ? void 0 : options.onIsVisibleChanged) {
             if (typeof options.onIsVisibleChanged === "string") {
-                this.typeMap.set("onIsVisibleChanged", options.onIsVisibleChanged);
+                _this.typeMap.set("onIsVisibleChanged", options.onIsVisibleChanged);
                 var visibleChanged_1 = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.onIsVisibleChanged);
-                this.isVisibleChanged.subscribe(function (args) {
+                _this.isVisibleChanged.subscribe(function (args) {
                     return visibleChanged_1(args.sourceSeries, args.isVisible);
                 });
             }
             else {
                 var onIsVisibleChangedCallback_1 = options === null || options === void 0 ? void 0 : options.onIsVisibleChanged;
-                this.isVisibleChanged.subscribe(function (args) {
+                _this.isVisibleChanged.subscribe(function (args) {
                     return onIsVisibleChangedCallback_1(args.sourceSeries, args.isVisible);
                 });
             }
         }
         if (options === null || options === void 0 ? void 0 : options.onSelectedChanged) {
             if (typeof options.onSelectedChanged === "string") {
-                this.typeMap.set("onSelectedChanged", options.onSelectedChanged);
+                _this.typeMap.set("onSelectedChanged", options.onSelectedChanged);
                 var selectionChanged_1 = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.onSelectedChanged);
-                this.selected.subscribe(function (args) {
+                _this.selected.subscribe(function (args) {
                     return selectionChanged_1(args.sourceSeries, args.isSelected);
                 });
             }
             else {
                 var onSelectedChangedCallback_1 = options === null || options === void 0 ? void 0 : options.onSelectedChanged;
-                this.selected.subscribe(function (args) {
+                _this.selected.subscribe(function (args) {
                     return onSelectedChangedCallback_1(args.sourceSeries, args.isSelected);
                 });
             }
         }
         if (options === null || options === void 0 ? void 0 : options.onHoveredChanged) {
             if (typeof options.onHoveredChanged === "string") {
-                this.typeMap.set("onHoveredChanged", options.onHoveredChanged);
+                _this.typeMap.set("onHoveredChanged", options.onHoveredChanged);
                 var hoveredChanged_1 = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.onHoveredChanged);
-                this.hovered.subscribe(function (args) { return hoveredChanged_1(args.sourceSeries, args.hovered); });
+                _this.hovered.subscribe(function (args) { return hoveredChanged_1(args.sourceSeries, args.hovered); });
             }
             else {
                 var hoveredChanged_2 = options === null || options === void 0 ? void 0 : options.onHoveredChanged;
-                this.hovered.subscribe(function (args) { return hoveredChanged_2(args.sourceSeries, args.hovered); });
+                _this.hovered.subscribe(function (args) { return hoveredChanged_2(args.sourceSeries, args.hovered); });
             }
         }
         if (options === null || options === void 0 ? void 0 : options.animation) {
@@ -186,8 +206,8 @@ var BaseRenderableSeries = /** @class */ (function () {
                 }
             }
         }
-        this.onDpiChanged = this.onDpiChanged.bind(this);
-        this.resamplerHelper = new ExtremeResamplerHelper_1.ExtremeResamplerHelper(webAssemblyContext);
+        _this.onDpiChanged = _this.onDpiChanged.bind(_this);
+        _this.resamplerHelper = new ExtremeResamplerHelper_1.ExtremeResamplerHelper(webAssemblyContext);
         if (options === null || options === void 0 ? void 0 : options.dataLabelProvider) {
             if (!("draw" in options.dataLabelProvider)) {
                 if (options.dataLabelProvider.type === DataLabelProviderType_1.EDataLabelProviderType.Custom) {
@@ -198,10 +218,11 @@ var BaseRenderableSeries = /** @class */ (function () {
                 }
             }
         }
-        this.dataLabelProviderProperty = options === null || options === void 0 ? void 0 : options.dataLabelProvider;
-        if (this.dataLabelProviderProperty) {
-            this.dataLabelProviderProperty.onAttach(webAssemblyContext, this);
+        _this.dataLabelProviderProperty = options === null || options === void 0 ? void 0 : options.dataLabelProvider;
+        if (_this.dataLabelProviderProperty) {
+            _this.dataLabelProviderProperty.onAttach(webAssemblyContext, _this);
         }
+        return _this;
     }
     /** @inheritDoc */
     BaseRenderableSeries.prototype.applyTheme = function (themeProvider) {
@@ -583,14 +604,14 @@ var BaseRenderableSeries = /** @class */ (function () {
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.delete = function () {
-        var _a;
         this.drawingProviders.forEach(function (dp) { return dp.delete(); });
         this.drawingProviders = [];
         this.dataSeries = (0, Deleter_1.deleteSafe)(this.dataSeries);
         this.effect = (0, Deleter_1.deleteSafe)(this.effect);
-        (_a = this.pointMarker) === null || _a === void 0 ? void 0 : _a.delete();
+        this.pointMarker = (0, Deleter_1.deleteSafe)(this.pointMarker);
         this.resamplerHelper = (0, Deleter_1.deleteSafe)(this.resamplerHelper);
         this.pointSeries = (0, Deleter_1.deleteSafe)(this.pointSeries);
+        this.dataLabelProviderProperty = (0, Deleter_1.deleteSafe)(this.dataLabelProvider);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.getXRange = function () {
@@ -701,6 +722,8 @@ var BaseRenderableSeries = /** @class */ (function () {
                 return new OhlcSeriesInfo_1.OhlcSeriesInfo(this, hitTestInfo);
             case IDataSeries_1.EDataSeriesType.Xyy:
                 return new XyySeriesInfo_1.XyySeriesInfo(this, hitTestInfo);
+            case IDataSeries_1.EDataSeriesType.Xyz:
+                return new XyzSeriesInfo_1.XyzSeriesInfo(this, hitTestInfo);
             case IDataSeries_1.EDataSeriesType.HeatmapUniform:
                 return new HeatmapSeriesInfo_1.HeatmapSeriesInfo(this, hitTestInfo);
             case IDataSeries_1.EDataSeriesType.Hlc:
@@ -851,14 +874,17 @@ var BaseRenderableSeries = /** @class */ (function () {
             else {
                 this.pointSeries.xRange = rp.xVisibleRange;
             }
-            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, this.dataSeries.getNativeXValues(), this.dataSeries.getNativeYValues(), this.pointSeries.intIndexes, this.pointSeries.xValues, this.pointSeries.yValues, false);
-            // Always update Indexes as we need them in order to get metadata for resampled series
-            this.pointSeries.updateIndexes();
+            var result = this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, this.dataSeries.getNativeXValues(), this.dataSeries.getNativeYValues(), this.pointSeries.intIndexes, this.pointSeries.indexes, this.pointSeries.xValues, this.pointSeries.yValues, false);
+            this.pointSeries.fifoStartIndex = result.OutputSplitIndex;
+            // This is now done in the resampling above
+            //this.pointSeries.updateIndexes();
             this.pointSeries.clearIntIndexes();
+            //console.log("resampling ", this.type, this.pointSeries.count);
             // this.pointSeries.debugOutputForUnitTests();
             return this.pointSeries;
         }
         else {
+            //console.log("NOT resampling ", this.type, this.dataSeries.count());
             return new XyPointSeriesWrapped_1.XyPointSeriesWrapped(this.dataSeries);
         }
     };
@@ -879,7 +905,8 @@ var BaseRenderableSeries = /** @class */ (function () {
                 SeriesType_1.ESeriesType.UniformContoursSeries,
                 SeriesType_1.ESeriesType.UniformHeatmapSeries,
                 SeriesType_1.ESeriesType.NonUniformHeatmapSeries,
-                SeriesType_1.ESeriesType.ScatterSeries,
+                SeriesType_1.ESeriesType.BubbleSeries,
+                // ESeriesType.ScatterSeries,
                 SeriesType_1.ESeriesType.ErrorBarsSeries
             ].includes(this.type);
             return (seriesTypeSupportsResampling &&
@@ -888,7 +915,9 @@ var BaseRenderableSeries = /** @class */ (function () {
                 !this.isStacked &&
                 this.dataSeries &&
                 this.dataSeries.count() > 0 &&
-                this.dataSeries.dataDistributionCalculator.isSortedAscending);
+                (this.dataSeries.dataDistributionCalculator.isSortedAscending || this.xAxis.isCategoryAxis)
+            //!this.dataSeries.fifoSweeping
+            );
         },
         enumerable: false,
         configurable: true
@@ -938,6 +967,9 @@ var BaseRenderableSeries = /** @class */ (function () {
      */
     BaseRenderableSeries.prototype.setAnimationVectors = function (animation) {
         var ds = this.dataSeries;
+        if (!ds.xInitialAnimationValues) {
+            ds.createAnimationVectors();
+        }
         if (animation.isOnStartAnimation) {
             ds.setFinalAnimationVectors(ds);
         }
@@ -1027,7 +1059,7 @@ var BaseRenderableSeries = /** @class */ (function () {
         configurable: true
     });
     return BaseRenderableSeries;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.BaseRenderableSeries = BaseRenderableSeries;
 /** @ignore */
 var getDataPointWidth = function (xValues, xCoordCalc, seriesViewRectWidth, widthFraction, isCategoryAxis, wasmContext) {

package/Charting/Visuals/RenderableSeries/BaseStackedCollection.js

@@ -17,10 +17,12 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseStackedCollection = void 0;
 var AnimationFiniteStateMachine_1 = require("../../../Core/Animations/AnimationFiniteStateMachine");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../Core/Deleter");
 var NumberRange_1 = require("../../../Core/NumberRange");
 var ObservableArray_1 = require("../../../Core/ObservableArray");
 var guid_1 = require("../../../utils/guid");
+var MemoryUsageHelper_1 = require("../../../utils/MemoryUsageHelper");
 var BaseDataSeries_1 = require("../../Model/BaseDataSeries");
 var AxisCore_1 = require("../Axis/AxisCore");
 var animationHelpers_1 = require("./Animations/animationHelpers");
@@ -71,6 +73,11 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         _this.updateAnimationProperties = _this.updateAnimationProperties.bind(_this);
         _this.accumulatedValues0 = new _this.webAssemblyContext.SCRTDoubleVector();
         _this.accumulatedFinalAnimationValues0 = new _this.webAssemblyContext.SCRTDoubleVector();
+        if (process.env.NODE_ENV !== "production") {
+            if (MemoryUsageHelper_1.MemoryUsageHelper.isMemoryUsageDebugEnabled) {
+                return new Proxy(_this, new DeletableEntity_1.DeletableEntityProxyHandler(_this));
+            }
+        }
         return _this;
     }
     Object.defineProperty(BaseStackedCollection.prototype, "isVisibleChanged", {
@@ -104,7 +111,7 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         },
         /** @inheritDoc */
         set: function (isSelected) {
-            throw new Error("Setting or getting isSelected is not supported for BaseStackedCollection");
+            throw new Error("Setting isSelected is not supported for BaseStackedCollection");
         },
         enumerable: false,
         configurable: true
@@ -112,11 +119,11 @@ var BaseStackedCollection = /** @class */ (function (_super) {
     Object.defineProperty(BaseStackedCollection.prototype, "isHovered", {
         /** @inheritDoc */
         get: function () {
-            throw new Error("Setting or getting isHovered is not supported for BaseStackedCollection");
+            return false;
         },
         /** @inheritDoc */
         set: function (isHovered) {
-            throw new Error("Setting or getting isHovered is not supported for BaseStackedCollection");
+            throw new Error("Setting isHovered is not supported for BaseStackedCollection");
         },
         enumerable: false,
         configurable: true
@@ -458,6 +465,9 @@ var BaseStackedCollection = /** @class */ (function (_super) {
     BaseStackedCollection.prototype.delete = function () {
         this.accumulatedValues0 = (0, Deleter_1.deleteSafe)(this.accumulatedValues0);
         this.accumulatedFinalAnimationValues0 = (0, Deleter_1.deleteSafe)(this.accumulatedFinalAnimationValues0);
+        this.asArray().forEach(function (series) {
+            series.delete();
+        });
     };
     /** @inheritDoc */
     BaseStackedCollection.prototype.notifyPropertyChanged = function (propertyName) {
@@ -543,7 +553,6 @@ var BaseStackedCollection = /** @class */ (function (_super) {
     BaseStackedCollection.prototype.onDetach = function () {
         this.invalidateParentCallback = undefined;
         this.parentSurface = undefined;
-        this.delete();
     };
     /**
      * Gets visible renderable series array

package/Charting/Visuals/RenderableSeries/BaseStackedRenderableSeries.js

@@ -61,14 +61,22 @@ var BaseStackedRenderableSeries = /** @class */ (function (_super) {
      * @inheritDoc
      */
     BaseStackedRenderableSeries.prototype.delete = function () {
-        _super.prototype.delete.call(this);
         this.accumulatedValues = (0, Deleter_1.deleteSafe)(this.accumulatedValues);
         this.accumulatedFinalAnimationValues = (0, Deleter_1.deleteSafe)(this.accumulatedFinalAnimationValues);
+        // TODO refactor StackedColumnSeries to fix thrown errors
+        // super.delete();
+        this.dataSeries = (0, Deleter_1.deleteSafe)(this.dataSeries);
+        // this.effect = deleteSafe(this.effect);
+        this.pointMarker = (0, Deleter_1.deleteSafe)(this.pointMarker);
+        this.resamplerHelper = (0, Deleter_1.deleteSafe)(this.resamplerHelper);
+        this.pointSeries = (0, Deleter_1.deleteSafe)(this.pointSeries);
+        this.dataLabelProviderProperty = (0, Deleter_1.deleteSafe)(this.dataLabelProvider);
     };
     /**
      * Called when the {@link BaseStackedRenderableSeries} is detached from its parent {@link BaseStackedCollection}
      */
     BaseStackedRenderableSeries.prototype.onDetachFromParentCollection = function () {
+        console.log("onDetachFromParentCollection");
         this.parentCollection = undefined;
         this.getParentSurfaceFn = undefined;
         this.notifyParentPropertyChangedFn = undefined;
@@ -309,14 +317,15 @@ var BaseStackedRenderableSeries = /** @class */ (function (_super) {
          * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
          */
         get: function () {
-            throw Error("xAxisId property is not supported for BaseStackedRenderableSeries");
+            var _a;
+            return (_a = this.parentCollection) === null || _a === void 0 ? void 0 : _a.xAxisId;
         },
         /**
          * xAxisId property is not supported for BaseStackedRenderableSeries,
          * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
          */
         set: function (value) {
-            throw Error("xAxisId property is not supported for BaseStackedRenderableSeries");
+            throw Error("Setting xAxisId property is not supported for BaseStackedRenderableSeries");
         },
         enumerable: false,
         configurable: true

package/Charting/Visuals/RenderableSeries/DataLabels/BaseDataLabelProvider.d.ts

@@ -57,6 +57,8 @@ export declare abstract class BaseDataLabelProvider {
      * @param parentSeries
      */
     onAttach(webAssemblyContext: TSciChart, parentSeries: IRenderableSeries): void;
+    onDetach(): void;
+    delete(): void;
     /**
      * Gets or sets the text style used for data labels. The style must be set, with fontFamily and fontSize set, in order for text to be drawn.
      */

package/Charting/Visuals/RenderableSeries/DataLabels/BaseDataLabelProvider.js

@@ -41,6 +41,11 @@ var BaseDataLabelProvider = /** @class */ (function () {
         this.webAssemblyContext = webAssemblyContext;
         this.parentSeries = parentSeries;
     };
+    BaseDataLabelProvider.prototype.onDetach = function () {
+        this.webAssemblyContext = undefined;
+        this.parentSeries = undefined;
+    };
+    BaseDataLabelProvider.prototype.delete = function () { };
     Object.defineProperty(BaseDataLabelProvider.prototype, "style", {
         /**
          * Gets or sets the text style used for data labels. The style must be set, with fontFamily and fontSize set, in order for text to be drawn.

package/Charting/Visuals/RenderableSeries/DataLabels/DataLabelProvider.js

@@ -325,6 +325,7 @@ var DataLabelProvider = /** @class */ (function (_super) {
         //     renderPassData.pointSeries.xRange,
         //     renderPassData.pointSeries.indexes.size()
         // );
+        var _c = this.parentSeries.dataSeries, fifoCapacity = _c.fifoCapacity, fifoSweeping = _c.fifoSweeping, fifoSweepingGap = _c.fifoSweepingGap, fifoStartIndex = _c.fifoStartIndex;
         var bounds = (0, NativeObject_1.getTextBounds)(this.webAssemblyContext);
         if (!this.shouldGenerate(this.state))
             return;
@@ -335,6 +336,11 @@ var DataLabelProvider = /** @class */ (function (_super) {
                 this.skipModeProperty === DataLabelSkipMode_1.EDataLabelSkipMode.SkipIfOverlapNext
                     ? this.state.indexEnd - (i - this.state.indexStart)
                     : i;
+            if (fifoSweeping &&
+                this.state.pointCount === fifoCapacity &&
+                this.state.index >= fifoStartIndex &&
+                this.state.index < fifoStartIndex + fifoSweepingGap)
+                continue;
             var text = this.getText(this.state);
             if (!text)
                 continue;

package/Charting/Visuals/RenderableSeries/DataLabels/DataLabelState.d.ts

@@ -22,6 +22,7 @@ export declare class DataLabelState {
     readonly dataLabels: TDataLabel[];
     readonly indexStart: number;
     readonly indexEnd: number;
+    readonly fifoSweeping: boolean;
     private indexProperty;
     private xCoordCache;
     private yCoordCache;

package/Charting/Visuals/RenderableSeries/DataLabels/DataLabelState.js

@@ -27,10 +27,10 @@ var DataLabelState = /** @class */ (function () {
             ? this.renderPassData.xCoordinateCalculator
             : this.renderPassData.yCoordinateCalculator).hasFlippedCoordinates;
         if (!renderPassData.indexRange) {
-            var indicesRange = this.parentSeries.dataSeries.getIndicesRange(new NumberRange_1.NumberRange(renderPassData.xCoordinateCalculator.visibleMin, renderPassData.xCoordinateCalculator.visibleMax), isCategoryAxis);
+            var indicesRange = this.parentSeries.getIndicesRange(new NumberRange_1.NumberRange(renderPassData.xCoordinateCalculator.visibleMin, renderPassData.xCoordinateCalculator.visibleMax), isCategoryAxis);
             this.indexStart = indicesRange.min;
             this.indexEnd = indicesRange.max;
-            this.pointCount = indicesRange.diff;
+            this.pointCount = indicesRange.diff + 1;
             if (this.pointCount > 1)
                 this.pointGap = Math.abs(this.xCoord(this.indexStart) - this.xCoord(this.indexEnd)) / this.pointCount;
             else
@@ -46,6 +46,7 @@ var DataLabelState = /** @class */ (function () {
         this.font = renderContext.getFont(this.style);
         this.xPadding = ((_c = (_b = this.style.padding) === null || _b === void 0 ? void 0 : _b.left) !== null && _c !== void 0 ? _c : 0) + ((_e = (_d = this.style.padding) === null || _d === void 0 ? void 0 : _d.right) !== null && _e !== void 0 ? _e : 0);
         this.yPadding = ((_g = (_f = this.style.padding) === null || _f === void 0 ? void 0 : _f.top) !== null && _g !== void 0 ? _g : 0) + ((_j = (_h = this.style.padding) === null || _h === void 0 ? void 0 : _h.bottom) !== null && _j !== void 0 ? _j : 0);
+        this.fifoSweeping = parentSeries.dataSeries.fifoSweeping;
     }
     Object.defineProperty(DataLabelState.prototype, "index", {
         get: function () {
@@ -64,14 +65,26 @@ var DataLabelState = /** @class */ (function () {
         if (!this.isXFlipped) {
             i = this.indexEnd - (i - this.indexStart);
         }
-        return this.xValues.get(i);
+        // @ts-ignore
+        if (!this.fifoSweeping || !this.xValues.getRaw) {
+            return this.xValues.get(i);
+        }
+        else {
+            return this.xValues.getRaw(i);
+        }
     };
     DataLabelState.prototype.yVal = function (index) {
         var i = index !== null && index !== void 0 ? index : this.indexProperty;
         if (!this.isXFlipped) {
             i = this.indexEnd - (i - this.indexStart);
         }
-        return this.yValues.get(i);
+        // @ts-ignore
+        if (!this.fifoSweeping || !this.yValues.getRaw) {
+            return this.yValues.get(i);
+        }
+        else {
+            return this.yValues.getRaw(i);
+        }
     };
     DataLabelState.prototype.yValAfterAnimation = function (index) {
         if (!this.yFinalValues)
@@ -115,7 +128,7 @@ var DataLabelState = /** @class */ (function () {
     });
     DataLabelState.prototype.getMetaData = function () {
         var index = this.renderPassData.pointSeries.indexes.get(this.index);
-        return this.parentSeries.dataSeries.getMetadataAt(index);
+        return this.parentSeries.dataSeries.getMetadataAt(index, this.fifoSweeping);
     };
     Object.defineProperty(DataLabelState.prototype, "isVerticalChart", {
         get: function () {

package/Charting/Visuals/RenderableSeries/DataLabels/NonUniformHeatmapDataLabelProvider.js

@@ -98,7 +98,6 @@ var NonUniformHeatMapDataLabelProvider = /** @class */ (function (_super) {
                 }
                 var xVal = this.dataSeries.getXValue(xIndex);
                 var xValNext = this.dataSeries.xCellOffsets[xIndex + 1];
-                console.log(xIndex, xVal, xValNext, renderPassData.xCoordinateCalculator.visibleMax);
                 if (renderPassData.xCoordinateCalculator.visibleMin > xVal ||
                     renderPassData.xCoordinateCalculator.visibleMax < xValNext) {
                     continue;

package/Charting/Visuals/RenderableSeries/DataLabels/TextDataLabelProvider.js

@@ -129,16 +129,22 @@ var TextDataLabelProvider = /** @class */ (function (_super) {
         }
         var state = new DataLabelState_1.DataLabelState(renderContext, renderPassData, this.style, this.color, renderPassData.pointSeries.yValues, this.parentSeries);
         var bounds = (0, NativeObject_1.getTextBounds)(this.webAssemblyContext);
+        var _f = this.parentSeries.dataSeries, fifoCapacity = _f.fifoCapacity, fifoSweeping = _f.fifoSweeping, fifoSweepingGap = _f.fifoSweepingGap, fifoStartIndex = _f.fifoStartIndex;
         var indexes = renderPassData.pointSeries.indexes;
         var calcBounds = this.verticalTextPosition !== TextPosition_1.EVerticalTextPosition.Above ||
             this.horizontalTextPosition !== TextPosition_1.EHorizontalTextPosition.Right ||
             this.calculateTextBounds;
         if (textSeries) {
-            state.font.CalculateStringBounds((_a = textSeries.textValues[0]) !== null && _a !== void 0 ? _a : "", bounds, (_c = (_b = this.style) === null || _b === void 0 ? void 0 : _b.lineSpacing) !== null && _c !== void 0 ? _c : 2);
+            state.font.CalculateStringBounds((_a = textSeries.getTextValue(0)) !== null && _a !== void 0 ? _a : "", bounds, (_c = (_b = this.style) === null || _b === void 0 ? void 0 : _b.lineSpacing) !== null && _c !== void 0 ? _c : 2);
             for (var i = 0; i < indexes.size(); i++) {
                 state.index = i;
                 var index = indexes.get(state.index);
-                var text = textSeries.textValues[index];
+                if (fifoSweeping &&
+                    state.pointCount === fifoCapacity &&
+                    state.index >= fifoStartIndex &&
+                    state.index < fifoStartIndex + fifoSweepingGap)
+                    continue;
+                var text = textSeries.getTextValue(index);
                 if (calcBounds) {
                     state.font.CalculateStringBounds(text !== null && text !== void 0 ? text : "", bounds, (_e = (_d = this.style) === null || _d === void 0 ? void 0 : _d.lineSpacing) !== null && _e !== void 0 ? _e : 2);
                 }

package/Charting/Visuals/RenderableSeries/DrawingProviders/BandSeriesDrawingProvider.d.ts

@@ -16,6 +16,7 @@ export declare class BandSeriesDrawingProvider extends BaseSeriesDrawingProvider
     private fillBrushCache;
     private fillBrushY1Cache;
     private y1Selector;
+    private args;
     /**
      * Creates an instance of the {@link BandSeriesDrawingProvider}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and