scichart 2.0.0-alpha.1930 → 2.0.0-alpha.1991

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

@@ -59,26 +59,6 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
     selected: EventHandler<SeriesSelectedArgs>;
     /** @inheritDoc */
     hovered: EventHandler<SeriesHoveredArgs>;
-    /**
-     * Y vector with animation values
-     */
-    yAnimationValues: DoubleVector;
-    /**
-     * X vector with initial animation values
-     */
-    protected xInitialAnimationValues: DoubleVector;
-    /**
-     * Y vector with initial animation values
-     */
-    protected yInitialAnimationValues: DoubleVector;
-    /**
-     * X vector with final animation values
-     */
-    protected xFinalAnimationValues: DoubleVector;
-    /**
-     * Y vector with final animation values
-     */
-    protected yFinalAnimationValues: DoubleVector;
     protected webAssemblyContext: TSciChart;
     protected dataSeriesProperty: IDataSeries;
     protected animationFSM: AnimationFiniteStateMachine;
@@ -236,6 +216,10 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
     set animation(value: BaseAnimation);
     /** @inheritDoc */
     get isRunningAnimation(): boolean;
+    /**
+     * gets if a data animation is currently running
+     */
+    get isRunningDataAnimation(): boolean;
     /** @inheritDoc */
     onAnimate(timeElapsed: number): void;
     /**
@@ -261,10 +245,6 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
      * @protected
      */
     protected updateAnimationProperties(progress: number, animationFSM: AnimationFiniteStateMachine): void;
-    protected setXInitialAnimationValues(values: DoubleVector): void;
-    protected setYInitialAnimationValues(values: DoubleVector): void;
-    protected setXFinalAnimationValues(values: DoubleVector): void;
-    protected setYFinalAnimationValues(values: DoubleVector): void;
     /**
      * Factory function to create a {@link IHitTestProvider | Hit Test Provider}; a class which performs hit-test
      * and checks mouse-over and nearest point.

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -43,9 +43,7 @@ var BaseRenderableSeries = /** @class */ (function () {
      * @param options optional parameters of type {@link IBaseRenderableSeriesOptions} applied when constructing the series type
      */
     function BaseRenderableSeries(webAssemblyContext, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        /** @inheritDoc */
-        this.id = guid_1.generateGuid();
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         /** @inheritDoc */
         this.isStacked = false;
         /** @inheritDoc */
@@ -71,6 +69,7 @@ var BaseRenderableSeries = /** @class */ (function () {
         this.paletteProviderProperty = IPaletteProvider_1.DefaultPaletteProvider.createEmpty();
         this.isDigitalLineProperty = false;
         this.webAssemblyContext = webAssemblyContext;
+        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : 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);
@@ -80,13 +79,8 @@ var BaseRenderableSeries = /** @class */ (function () {
         this.updateAnimationProperties = this.updateAnimationProperties.bind(this);
         this.beforeAnimationStart = this.beforeAnimationStart.bind(this);
         this.afterAnimationComplete = this.afterAnimationComplete.bind(this);
-        this.yAnimationValues = new webAssemblyContext.DoubleVector();
-        this.xInitialAnimationValues = new webAssemblyContext.DoubleVector();
-        this.yInitialAnimationValues = new webAssemblyContext.DoubleVector();
-        this.xFinalAnimationValues = new webAssemblyContext.DoubleVector();
-        this.yFinalAnimationValues = new webAssemblyContext.DoubleVector();
         // Need to set dataSeries (not just dataSeriesProperty) because of dataChanged.subscribe
-        this.dataSeries = (_a = options === null || options === void 0 ? void 0 : options.dataSeries) !== null && _a !== void 0 ? _a : 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) {
@@ -97,14 +91,14 @@ var BaseRenderableSeries = /** @class */ (function () {
                 }
             }
         }
-        this.pointMarkerProperty = (_b = options === null || options === void 0 ? void 0 : options.pointMarker) !== null && _b !== void 0 ? _b : this.pointMarkerProperty;
-        this.strokeProperty = (_c = options === null || options === void 0 ? void 0 : options.stroke) !== null && _c !== void 0 ? _c : this.strokeProperty;
-        this.strokeThicknessProperty = (_d = options === null || options === void 0 ? void 0 : options.strokeThickness) !== null && _d !== void 0 ? _d : this.strokeThicknessProperty;
-        this.opacityProperty = (_e = options === null || options === void 0 ? void 0 : options.opacity) !== null && _e !== void 0 ? _e : this.opacityProperty;
-        this.xAxisIdProperty = (_f = options === null || options === void 0 ? void 0 : options.xAxisId) !== null && _f !== void 0 ? _f : this.xAxisIdProperty;
-        this.yAxisIdProperty = (_g = options === null || options === void 0 ? void 0 : options.yAxisId) !== null && _g !== void 0 ? _g : this.yAxisIdProperty;
-        this.isVisibleProperty = (_h = options === null || options === void 0 ? void 0 : options.isVisible) !== null && _h !== void 0 ? _h : this.isVisibleProperty;
-        this.isDigitalLineProperty = (_j = options === null || options === void 0 ? void 0 : options.isDigitalLine) !== null && _j !== void 0 ? _j : this.isDigitalLineProperty;
+        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;
         if (options === null || options === void 0 ? void 0 : options.effect) {
             if (!("getNativeEffect" in options.effect)) {
                 options.effect = classFactory_1.createType(BaseType_1.EBaseType.ShaderEffect, options.effect.type, webAssemblyContext, options.effect.options);
@@ -121,36 +115,38 @@ var BaseRenderableSeries = /** @class */ (function () {
                 }
             }
         }
-        this.paletteProviderProperty = (_k = options === null || options === void 0 ? void 0 : options.paletteProvider) !== null && _k !== void 0 ? _k : this.paletteProviderProperty;
-        if ((_l = this.paletteProviderProperty) === null || _l === void 0 ? void 0 : _l.onAttached) {
-            (_m = this.paletteProviderProperty) === null || _m === void 0 ? void 0 : _m.onAttached(this);
+        this.paletteProviderProperty = (_l = options === null || options === void 0 ? void 0 : options.paletteProvider) !== null && _l !== void 0 ? _l : this.paletteProviderProperty;
+        if ((_m = this.paletteProviderProperty) === null || _m === void 0 ? void 0 : _m.onAttached) {
+            (_o = this.paletteProviderProperty) === null || _o === void 0 ? void 0 : _o.onAttached(this);
         }
-        this.drawNaNAsProperty = (_o = options === null || options === void 0 ? void 0 : options.drawNaNAs) !== null && _o !== void 0 ? _o : this.drawNaNAsProperty;
+        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 = (_p = options === null || options === void 0 ? void 0 : options.isSelected) !== null && _p !== void 0 ? _p : false;
-        this.isHovered = (_q = options === null || options === void 0 ? void 0 : options.isHovered) !== null && _q !== void 0 ? _q : false;
+        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.onSelectedChanged) {
             if (typeof options.onSelectedChanged === "string") {
                 this.typeMap.set("onSelectedChanged", options.onSelectedChanged);
-                // @ts-ignore
-                var selectionChanged_1 = getFunction(BaseType_1.EBaseType.OptionFunction, options.onSelectedChanged);
-                this.selected.subscribe(function (arg) { return selectionChanged_1(arg.sourceSeries, arg.isSelected); });
+                var selectionChanged_1 = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onSelectedChanged);
+                this.selected.subscribe(function (args) {
+                    return selectionChanged_1(args.sourceSeries, args.isSelected);
+                });
             }
             else {
-                // @ts-ignore
-                this.selected.subscribe(function (arg) { return options === null || options === void 0 ? void 0 : options.onSelectedChanged(arg.sourceSeries, arg.isSelected); });
+                var onSelectedChangedCallback_1 = options === null || options === void 0 ? void 0 : options.onSelectedChanged;
+                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);
-                // @ts-ignore
-                var hoveredChanged_1 = getFunction(BaseType_1.EBaseType.OptionFunction, options.onHoveredChanged);
-                this.hovered.subscribe(function (arg) { return hoveredChanged_1(arg.sourceSeries, arg.hovered); });
+                var hoveredChanged_1 = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onHoveredChanged);
+                this.hovered.subscribe(function (args) { return hoveredChanged_1(args.sourceSeries, args.hovered); });
             }
             else {
-                // @ts-ignore
-                this.hovered.subscribe(function (arg) { return options === null || options === void 0 ? void 0 : options.onHoveredChanged(arg.sourceSeries, arg.hovered); });
+                var hoveredChanged_2 = options === null || options === void 0 ? void 0 : options.onHoveredChanged;
+                this.hovered.subscribe(function (args) { return hoveredChanged_2(args.sourceSeries, args.hovered); });
             }
         }
         if (options === null || options === void 0 ? void 0 : options.animation) {
@@ -441,22 +437,20 @@ var BaseRenderableSeries = /** @class */ (function () {
         this.drawingProviders.forEach(function (dp) { return dp.delete(); });
         this.drawingProviders = [];
         this.dataSeries = Deleter_1.deleteSafe(this.dataSeries);
-        this.xInitialAnimationValues = Deleter_1.deleteSafe(this.xInitialAnimationValues);
-        this.yInitialAnimationValues = Deleter_1.deleteSafe(this.yInitialAnimationValues);
-        this.xFinalAnimationValues = Deleter_1.deleteSafe(this.xFinalAnimationValues);
-        this.yFinalAnimationValues = Deleter_1.deleteSafe(this.yFinalAnimationValues);
-        this.yAnimationValues = Deleter_1.deleteSafe(this.yAnimationValues);
         this.effect = Deleter_1.deleteSafe(this.effect);
         (_a = this.pointMarker) === null || _a === void 0 ? void 0 : _a.delete();
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.getXRange = function () {
-        return this.dataSeries.xRange;
+        return this.dataSeries.getXRange(IDataSeries_1.EDataSeriesValueType.Default);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.getYRange = function (xVisibleRange, isXCategoryAxis) {
         if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
-        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis);
+        var dataSeriesValueType = this.isRunningDataAnimation
+            ? IDataSeries_1.EDataSeriesValueType.FinalAnimationValues
+            : IDataSeries_1.EDataSeriesValueType.Default;
+        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis, dataSeriesValueType);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.notifyPropertyChanged = function (propertyName) {
@@ -582,6 +576,7 @@ var BaseRenderableSeries = /** @class */ (function () {
             }
         }
         var options = {
+            id: this.id,
             drawNaNAs: this.drawNaNAs,
             effect: (_a = this.effect) === null || _a === void 0 ? void 0 : _a.toJSON(),
             isDigitalLine: this.isDigitalLine,
@@ -594,7 +589,9 @@ var BaseRenderableSeries = /** @class */ (function () {
             stroke: this.stroke,
             strokeThickness: this.strokeThickness,
             xAxisId: this.xAxisId,
-            yAxisId: this.yAxisId
+            yAxisId: this.yAxisId,
+            animation: this.animation
+            // onSelectedChanged: this.onSelectedChanged
         };
         if (((_c = this.dataSeries) === null || _c === void 0 ? void 0 : _c.type) === IDataSeries_1.EDataSeriesType.Xy) {
             // @ts-ignore
@@ -654,6 +651,18 @@ var BaseRenderableSeries = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseRenderableSeries.prototype, "isRunningDataAnimation", {
+        /**
+         * gets if a data animation is currently running
+         */
+        get: function () {
+            return (this.isRunningAnimation &&
+                this.animationFSM &&
+                (this.animationFSM.animation.isDataSeriesAnimation || this.animationFSM.animation.isOnStartAnimation));
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     BaseRenderableSeries.prototype.onAnimate = function (timeElapsed) {
         var _a;
@@ -676,21 +685,14 @@ var BaseRenderableSeries = /** @class */ (function () {
      * @protected
      */
     BaseRenderableSeries.prototype.setAnimationVectors = function (animation) {
+        var ds = this.dataSeries;
         if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.getNativeXValues());
-            this.setYFinalAnimationValues(this.getNativeYValues());
+            ds.setFinalAnimationVectors(ds);
         }
         else if (animation.isDataSeriesAnimation) {
-            this.setXInitialAnimationValues(this.getNativeXValues());
-            this.setYInitialAnimationValues(this.getNativeYValues());
-            this.setXFinalAnimationValues(animation.dataSeries.getNativeXValues());
-            this.setYFinalAnimationValues(animation.dataSeries.getNativeYValues());
-            var size = this.xInitialAnimationValues.size();
-            if (size !== this.yInitialAnimationValues.size() ||
-                size !== this.xFinalAnimationValues.size() ||
-                size !== this.yFinalAnimationValues.size()) {
-                throw Error("initialAnimationValues and finalAnimationValues must have the same length");
-            }
+            ds.setInitialAnimationVectors(ds);
+            ds.setFinalAnimationVectors(animation.dataSeries);
+            ds.validateAnimationVectors();
         }
     };
     /**
@@ -710,7 +712,13 @@ var BaseRenderableSeries = /** @class */ (function () {
      * Runs after the animation is complete
      * @protected
      */
-    BaseRenderableSeries.prototype.afterAnimationComplete = function () { };
+    BaseRenderableSeries.prototype.afterAnimationComplete = function () {
+        if (this.dataSeries) {
+            var ds = this.dataSeries;
+            ds.setInitialAnimationVectors(undefined);
+            ds.setFinalAnimationVectors(undefined);
+        }
+    };
     /**
      * Internal method that runs on each animation tick
      * @param progress The current animation progress, a value from 0 to 1
@@ -720,48 +728,14 @@ var BaseRenderableSeries = /** @class */ (function () {
     BaseRenderableSeries.prototype.updateAnimationProperties = function (progress, animationFSM) {
         var animation = animationFSM.animation;
         animation.updateSeriesProperties(this, animationFSM.initialStyles, animationFSM.animationProgress);
-        if (animation.isOnStartAnimation) {
-            var dataSeries = this.dataSeries;
-            if (dataSeries) {
-                animation.calculateAnimationValues(this.webAssemblyContext, this.yFinalAnimationValues, dataSeries.getNativeYValues(), progress);
-            }
-        }
-        else if (animation.isDataSeriesAnimation) {
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.xInitialAnimationValues, this.xFinalAnimationValues, this.getNativeXValues(), progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.yInitialAnimationValues, this.yFinalAnimationValues, this.getNativeYValues(), progress);
+        var dataSeries = this.dataSeries;
+        if (dataSeries) {
+            dataSeries.updateAnimationProperties(progress, animation);
         }
         if (this.invalidateParentCallback) {
             this.invalidateParentCallback();
         }
     };
-    BaseRenderableSeries.prototype.setXInitialAnimationValues = function (values) {
-        var size = values.size();
-        this.xInitialAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.xInitialAnimationValues.set(i, values.get(i));
-        }
-    };
-    BaseRenderableSeries.prototype.setYInitialAnimationValues = function (values) {
-        var size = values.size();
-        this.yInitialAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.yInitialAnimationValues.set(i, values.get(i));
-        }
-    };
-    BaseRenderableSeries.prototype.setXFinalAnimationValues = function (values) {
-        var size = values.size();
-        this.xFinalAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.xFinalAnimationValues.set(i, values.get(i));
-        }
-    };
-    BaseRenderableSeries.prototype.setYFinalAnimationValues = function (values) {
-        var size = values.size();
-        this.yFinalAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.yFinalAnimationValues.set(i, values.get(i));
-        }
-    };
     /**
      * Is being called when the data for the underlying DataSeries changes
      * @protected

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

@@ -26,6 +26,29 @@ import { RolloverModifierRenderableSeriesProps } from "./RolloverModifier/Rollov
 import { SeriesHoveredArgs } from "./SeriesHoveredArgs";
 import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
 import { ShaderEffect } from "./ShaderEffect";
+/**
+ * Options to pass to the {@link BaseStackedCollection} constructor
+ */
+export interface IBaseStackedCollectionOptions {
+    /**
+     * When true, the series is visible and drawn
+     */
+    isVisible?: boolean;
+    /**
+     * Sets the bound {@link AxisCore | XAxis} for this {@link BaseRenderableSeries}.
+     * @remarks Does a lookup search on {@link SciChartSurface.xAxes} collection by Id matching {@link xAxisId | this.xAxisId}
+     */
+    xAxisId?: string;
+    /**
+     * Sets the bound {@link AxisCore | YAxis} for this {@link BaseRenderableSeries}.
+     * @remarks Does a lookup search on {@link SciChartSurface.yAxes} collection by Id matching {@link yAxisId | this.yAxisId}
+     */
+    yAxisId?: string;
+    /**
+     * Sets 100% mode. When true, the stacked group becomes a 100% stacked chart
+     */
+    isOneHundredPercent?: boolean;
+}
 /**
  * A base class for stacked collections, which are used to create stacked mountain or column chart types.
  * Concrete types are {@link StackedColumnCollection} and {@link StackedMountainCollection}
@@ -60,7 +83,7 @@ export declare abstract class BaseStackedCollection<T extends BaseStackedRendera
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
      * native methods and access to our WebGL2 WebAssembly Drawing Engine
      */
-    protected constructor(webAssemblyContext: TSciChart);
+    protected constructor(webAssemblyContext: TSciChart, options?: IBaseStackedCollectionOptions);
     /** @inheritDoc */
     get selected(): EventHandler<SeriesSelectedArgs>;
     /** @inheritDoc */
@@ -225,7 +248,7 @@ export declare abstract class BaseStackedCollection<T extends BaseStackedRendera
     /** @inheritDoc */
     abstract getXRange(): NumberRange;
     /** @inheritDoc */
-    abstract getYRange(xVisibleRange: NumberRange, isXCategoryAxis: boolean): NumberRange;
+    getYRange(xVisibleRange: NumberRange, isXCategoryAxis: boolean): NumberRange;
     /** @inheritDoc */
     hasDataSeries(): boolean;
     /** @inheritDoc */
@@ -299,4 +322,5 @@ export declare abstract class BaseStackedCollection<T extends BaseStackedRendera
      */
     protected updateAnimationProperties(progress: number, animationFSM: AnimationFiniteStateMachine): void;
     protected updateHitTestProviders(renderPassData: RenderPassData): void;
+    protected isEnoughDataToDraw(): boolean;
 }

package/Charting/Visuals/RenderableSeries/BaseStackedCollection.js

@@ -16,8 +16,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseStackedCollection = void 0;
 var AnimationFiniteStateMachine_1 = require("../../../Core/Animations/AnimationFiniteStateMachine");
 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 BaseDataSeries_1 = require("../../Model/BaseDataSeries");
 var AxisCore_1 = require("../Axis/AxisCore");
 var animationHelpers_1 = require("./Animations/animationHelpers");
 var constants_1 = require("./constants");
@@ -32,7 +34,8 @@ var BaseStackedCollection = /** @class */ (function (_super) {
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
      * native methods and access to our WebGL2 WebAssembly Drawing Engine
      */
-    function BaseStackedCollection(webAssemblyContext) {
+    function BaseStackedCollection(webAssemblyContext, options) {
+        var _a, _b, _c, _d;
         var _this = _super.call(this) || this;
         _this.id = guid_1.generateGuid();
         _this.isStacked = true;
@@ -45,6 +48,10 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         _this.isOneHundredPercentProperty = false;
         _this.animationQueue = [];
         _this.webAssemblyContext = webAssemblyContext;
+        _this.isVisibleProperty = (_a = options === null || options === void 0 ? void 0 : options.isVisible) !== null && _a !== void 0 ? _a : _this.isVisibleProperty;
+        _this.xAxisIdProperty = (_b = options === null || options === void 0 ? void 0 : options.xAxisId) !== null && _b !== void 0 ? _b : _this.xAxisIdProperty;
+        _this.yAxisIdProperty = (_c = options === null || options === void 0 ? void 0 : options.yAxisId) !== null && _c !== void 0 ? _c : _this.yAxisIdProperty;
+        _this.isOneHundredPercentProperty = (_d = options === null || options === void 0 ? void 0 : options.isOneHundredPercent) !== null && _d !== void 0 ? _d : _this.isOneHundredPercentProperty;
         _this.updateAnimationProperties = _this.updateAnimationProperties.bind(_this);
         _this.notifyPropertyChanged = _this.notifyPropertyChanged.bind(_this);
         _this.getParentSurface = _this.getParentSurface.bind(_this);
@@ -437,6 +444,26 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         return (_a = this.get(0).dataSeries) === null || _a === void 0 ? void 0 : _a.getNativeXValues();
     };
     /** @inheritDoc */
+    BaseStackedCollection.prototype.getYRange = function (xVisibleRange, isXCategoryAxis) {
+        var _this = this;
+        if (!this.isEnoughDataToDraw()) {
+            return new NumberRange_1.NumberRange();
+        }
+        var maxRange;
+        this.getVisibleSeries().forEach(function (rs) {
+            if (rs.accumulatedValues.size() === _this.getNativeXValues().size()) {
+                // TODO: calc isSorted flag
+                var range = BaseDataSeries_1.getWindowedYRange(_this.webAssemblyContext, _this.getNativeXValues(), rs.accumulatedValues, xVisibleRange, true, isXCategoryAxis, true);
+                if (range) {
+                    maxRange = maxRange ? maxRange.union(range) : range;
+                }
+            }
+        });
+        if (maxRange)
+            return maxRange;
+        return new NumberRange_1.NumberRange();
+    };
+    /** @inheritDoc */
     BaseStackedCollection.prototype.hasDataSeries = function () {
         return !!this.getNativeXValues();
     };
@@ -539,8 +566,14 @@ var BaseStackedCollection = /** @class */ (function (_super) {
             var subSeries = _a[_i];
             series.push(subSeries.toJSON(excludeData));
         }
-        // TODO: options, when they are added
-        return { type: this.type, series: series };
+        var options = {
+            isVisible: this.isVisible,
+            isOneHundredPercent: this.isOneHundredPercent,
+            xAxisId: this.xAxisId,
+            yAxisId: this.yAxisId
+        };
+        // @ts-ignore
+        return { type: this.type, series: series, options: options };
     };
     // Un-Supported PROPERTIES END
     BaseStackedCollection.prototype.isAllDataSeriesSet = function () {
@@ -622,6 +655,25 @@ var BaseStackedCollection = /** @class */ (function (_super) {
             (_a = el.hitTestProvider) === null || _a === void 0 ? void 0 : _a.update(renderPassData);
         });
     };
+    BaseStackedCollection.prototype.isEnoughDataToDraw = function () {
+        var stackedSeriesCount = this.getVisibleSeries().length;
+        if (stackedSeriesCount < 1) {
+            return false;
+        }
+        // All renderableSeries should have dataSeries property
+        for (var i = 0; i < stackedSeriesCount; i++) {
+            if (!this.get(i).dataSeries) {
+                return false;
+            }
+        }
+        // All dataSeries should have some values
+        for (var i = 0; i < stackedSeriesCount; i++) {
+            if (this.get(i).dataSeries.count() === 0) {
+                return false;
+            }
+        }
+        return true;
+    };
     return BaseStackedCollection;
 }(ObservableArray_1.ObservableArray));
 exports.BaseStackedCollection = BaseStackedCollection;