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

package/Charting/Visuals/RenderableSeries/FastBubbleRenderableSeries.js

@@ -14,9 +14,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastBubbleRenderableSeries = void 0;
-var Deleter_1 = require("../../../Core/Deleter");
 var SeriesType_1 = require("../../../types/SeriesType");
-var IDataSeries_1 = require("../../Model/IDataSeries");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var BubbleSeriesDrawingProvider_1 = require("./DrawingProviders/BubbleSeriesDrawingProvider");
 var BubbleSeriesHitTestProvider_1 = require("./HitTest/BubbleSeriesHitTestProvider");
@@ -53,8 +51,6 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
         var _this = _super.call(this, webAssemblyContext, options) || this;
         /** @inheritDoc */
         _this.type = SeriesType_1.ESeriesType.BubbleSeries;
-        _this.zInitialAnimationValues = new webAssemblyContext.DoubleVector();
-        _this.zFinalAnimationValues = new webAssemblyContext.DoubleVector();
         _this.drawingProviders = [];
         _this.drawingProviders.push(new BubbleSeriesDrawingProvider_1.BubbleSeriesDrawingProvider(webAssemblyContext, _this));
         if (options === null || options === void 0 ? void 0 : options.animation) {
@@ -80,8 +76,6 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     FastBubbleRenderableSeries.prototype.delete = function () {
-        this.zInitialAnimationValues = Deleter_1.deleteSafe(this.zInitialAnimationValues);
-        this.zFinalAnimationValues = Deleter_1.deleteSafe(this.zFinalAnimationValues);
         _super.prototype.delete.call(this);
     };
     /**
@@ -94,71 +88,6 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
     FastBubbleRenderableSeries.prototype.newHitTestProvider = function () {
         return new BubbleSeriesHitTestProvider_1.BubbleSeriesHitTestProvider(this, this.webAssemblyContext);
     };
-    /** @inheritDoc */
-    FastBubbleRenderableSeries.prototype.setAnimationVectors = function (animation) {
-        if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.getNativeXValues());
-            this.setYFinalAnimationValues(this.getNativeYValues());
-            this.setZFinalAnimationValues(this.getNativeZValues());
-        }
-        else if (animation.isDataSeriesAnimation) {
-            var dataSeries = animation.dataSeries;
-            if (dataSeries.type !== IDataSeries_1.EDataSeriesType.Xyz) {
-                throw Error("to animate bubble chart animation.dataSeries type should be Xyz, but the type is " + dataSeries.type);
-            }
-            this.setXInitialAnimationValues(this.getNativeXValues());
-            this.setYInitialAnimationValues(this.getNativeYValues());
-            this.setZInitialAnimationValues(this.getNativeZValues());
-            this.setXFinalAnimationValues(dataSeries.getNativeXValues());
-            this.setYFinalAnimationValues(dataSeries.getNativeYValues());
-            this.setZFinalAnimationValues(dataSeries.getNativeZValues());
-            this.validateAnimationValues();
-        }
-    };
-    /** @inheritDoc */
-    FastBubbleRenderableSeries.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);
-                animation.calculateAnimationValues(this.webAssemblyContext, this.zFinalAnimationValues, dataSeries.getNativeZValues(), progress, true);
-            }
-        }
-        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);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.zInitialAnimationValues, this.zFinalAnimationValues, this.getNativeZValues(), progress);
-        }
-        if (this.invalidateParentCallback) {
-            this.invalidateParentCallback();
-        }
-    };
-    FastBubbleRenderableSeries.prototype.setZInitialAnimationValues = function (values) {
-        var size = values.size();
-        this.zInitialAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.zInitialAnimationValues.set(i, values.get(i));
-        }
-    };
-    FastBubbleRenderableSeries.prototype.setZFinalAnimationValues = function (values) {
-        var size = values.size();
-        this.zFinalAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.zFinalAnimationValues.set(i, values.get(i));
-        }
-    };
-    FastBubbleRenderableSeries.prototype.validateAnimationValues = function () {
-        var size = this.xInitialAnimationValues.size();
-        if (size !== this.yInitialAnimationValues.size() ||
-            size !== this.zInitialAnimationValues.size() ||
-            size !== this.xFinalAnimationValues.size() ||
-            size !== this.yFinalAnimationValues.size() ||
-            size !== this.zFinalAnimationValues.size()) {
-            throw Error("initialAnimationValues and finalAnimationValues must have the same length");
-        }
-    };
     return FastBubbleRenderableSeries;
 }(BaseRenderableSeries_1.BaseRenderableSeries));
 exports.FastBubbleRenderableSeries = FastBubbleRenderableSeries;

package/Charting/Visuals/RenderableSeries/FastCandlestickRenderableSeries.js

@@ -15,10 +15,10 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastCandlestickRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
+var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var BaseOhlcRenderableSeries_1 = require("./BaseOhlcRenderableSeries");
 var constants_1 = require("./constants");
 var OhlcSeriesDrawingProvider_1 = require("./DrawingProviders/OhlcSeriesDrawingProvider");
-var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 /**
  * Defines a JavaScript Candlestick stock-chart series in the SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}

package/Charting/Visuals/RenderableSeries/FastOhlcRenderableSeries.js

@@ -15,8 +15,8 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastOhlcRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
-var OhlcSeriesDrawingProvider_1 = require("./DrawingProviders/OhlcSeriesDrawingProvider");
 var BaseOhlcRenderableSeries_1 = require("./BaseOhlcRenderableSeries");
+var OhlcSeriesDrawingProvider_1 = require("./DrawingProviders/OhlcSeriesDrawingProvider");
 /**
  * Defines a JavaScript OHLC stock-chart series in the SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}

package/Charting/Visuals/RenderableSeries/HitTest/BaseHitTestProvider.d.ts

@@ -31,6 +31,10 @@ export declare abstract class BaseHitTestProvider<TRenderableSeries extends IRen
      * @inheritDoc
      */
     hitTestDataPoint(x: number, y: number, hitTestRadius?: number): HitTestInfo;
+    /**
+     * @inheritDoc
+     */
+    hitTestForDataPointSelectionModifier(x: number, y: number, hitTestRadius?: number): HitTestInfo;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/BaseHitTestProvider.js

@@ -47,6 +47,13 @@ var BaseHitTestProvider = /** @class */ (function () {
         hitTestInfo.isHit = hitTestHelpers_1.hitTestHelpers.testIsHitForPoint(xCoordinateCalculator, yCoordinateCalculator, xNativeValues, yNativeValues, nearestPointIndex, xHitCoord, yHitCoord, hitTestRadius);
         return hitTestInfo;
     };
+    /**
+     * @inheritDoc
+     */
+    BaseHitTestProvider.prototype.hitTestForDataPointSelectionModifier = function (x, y, hitTestRadius) {
+        if (hitTestRadius === void 0) { hitTestRadius = BaseHitTestProvider.DEFAULT_HIT_TEST_RADIUS; }
+        return this.hitTestDataPoint(x, y, hitTestRadius);
+    };
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/BubbleSeriesHitTestProvider.js

@@ -15,6 +15,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BubbleSeriesHitTestProvider = void 0;
 var pointUtil_1 = require("../../../../utils/pointUtil");
+var DpiHelper_1 = require("../../TextureManager/DpiHelper");
 var BaseHitTestProvider_1 = require("./BaseHitTestProvider");
 var hitTestHelpers_1 = require("./hitTestHelpers");
 var HitTestInfo_1 = require("./HitTestInfo");
@@ -45,7 +46,7 @@ var BubbleSeriesHitTestProvider = /** @class */ (function (_super) {
         var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, 0);
         hitTestInfo.zValue = zNativeValues.get(nearestPointIndex);
         var distance = pointUtil_1.calcDistance(xHitCoord, yHitCoord, hitTestInfo.xCoord, hitTestInfo.yCoord);
-        hitTestInfo.isHit = distance < hitTestInfo.zValue / 2;
+        hitTestInfo.isHit = distance < (hitTestInfo.zValue * DpiHelper_1.DpiHelper.PIXEL_RATIO) / 2;
         var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
         var xFirstValue = isCategoryAxis ? 0 : xNativeValues.get(0);
         var xFirstCoord = xCoordinateCalculator.getCoordinate(xFirstValue);

package/Charting/Visuals/RenderableSeries/HitTest/ColumnSeriesHitTestProvider.d.ts

@@ -9,6 +9,10 @@ export declare class ColumnSeriesHitTestProvider extends BaseHitTestProvider<Fas
      * @inheritDoc
      */
     hitTest(x: number, y: number): HitTestInfo;
+    /**
+     * @inheritDoc
+     */
+    hitTestForDataPointSelectionModifier(x: number, y: number, hitTestRadius?: number): HitTestInfo;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/ColumnSeriesHitTestProvider.js

@@ -45,6 +45,13 @@ var ColumnSeriesHitTestProvider = /** @class */ (function (_super) {
         hitTestInfo.isHit = hitTestHelpers_1.hitTestHelpers.testIsHitForColumn(xCoordinateCalculator, yCoordinateCalculator, this.parentSeries, xNativeValues, yNativeValues, nearestPointIndex, xHitCoord, yHitCoord);
         return hitTestInfo;
     };
+    /**
+     * @inheritDoc
+     */
+    ColumnSeriesHitTestProvider.prototype.hitTestForDataPointSelectionModifier = function (x, y, hitTestRadius) {
+        if (hitTestRadius === void 0) { hitTestRadius = BaseHitTestProvider_1.BaseHitTestProvider.DEFAULT_HIT_TEST_RADIUS; }
+        return this.hitTest(x, y);
+    };
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/IHitTestProvider.d.ts

@@ -44,4 +44,17 @@ export interface IHitTestProvider {
      * @param hitTestRadius The radius in pixels to determine whether a mouse is over a data-point
      */
     hitTestXSlice(x: number, y: number, hitTestRadius?: number): HitTestInfo;
+    /**
+     * @description Performs a hit-test for the {@link DataPointSelectionModifier}. This calls {@link IHitTestProvider.hitTestDataPoint} by default.
+     * The hitTestProvider for the renderableSeries can override this if different behaviour is desired, eg for columSeries we call hitTest instead.
+     * returns a HitTestInfo type with the results,
+     * Only for sorted values
+     * @remarks For Retina displays and Browser zoom, ensure that X,Y points are scaled by {@link DpiHelper.PIXEL_SCALE}
+     * @param x The mouse point X coordinate on the parent SciChartSurface.
+     * NOTE: For Retina displays and Browser zoom, ensure that X,Y points are scaled by {@link DpiHelper.PIXEL_SCALE}
+     * @param y The mouse point Y coordinate on the parent SciChartSurface.
+     * NOTE: For Retina displays and Browser zoom, ensure that X,Y points are scaled by {@link DpiHelper.PIXEL_SCALE}
+     * @param hitTestRadius The radius in pixels to determine whether a mouse is over a data-point
+     */
+    hitTestForDataPointSelectionModifier(x: number, y: number, hitTestRadius: number): HitTestInfo;
 }

package/Charting/Visuals/RenderableSeries/HitTest/OhlcSeriesHitTestProvider.d.ts

@@ -9,6 +9,10 @@ export declare class OhlcSeriesHitTestProvider extends BaseHitTestProvider<BaseO
      * @inheritDoc
      */
     hitTest(x: number, y: number, hitTestRadius?: number): HitTestInfo;
+    /**
+     * @inheritDoc
+     */
+    hitTestForDataPointSelectionModifier(x: number, y: number, hitTestRadius?: number): HitTestInfo;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/OhlcSeriesHitTestProvider.js

@@ -52,6 +52,13 @@ var OhlcSeriesHitTestProvider = /** @class */ (function (_super) {
         hitTestInfo.closeValue = res.closeValue;
         return hitTestInfo;
     };
+    /**
+     * @inheritDoc
+     */
+    OhlcSeriesHitTestProvider.prototype.hitTestForDataPointSelectionModifier = function (x, y, hitTestRadius) {
+        if (hitTestRadius === void 0) { hitTestRadius = BaseHitTestProvider_1.BaseHitTestProvider.DEFAULT_HIT_TEST_RADIUS; }
+        return this.hitTest(x, y, hitTestRadius);
+    };
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/StackedColumnSeriesHitTestProvider.d.ts

@@ -13,6 +13,10 @@ export declare class StackedColumnSeriesHitTestProvider extends BaseHitTestProvi
      * @inheritDoc
      */
     hitTestDataPoint(x: number, y: number, hitTestRadius?: number): HitTestInfo;
+    /**
+     * @inheritDoc
+     */
+    hitTestForDataPointSelectionModifier(x: number, y: number, hitTestRadius?: number): HitTestInfo;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/StackedColumnSeriesHitTestProvider.js

@@ -72,6 +72,13 @@ var StackedColumnSeriesHitTestProvider = /** @class */ (function (_super) {
         if (hitTestRadius === void 0) { hitTestRadius = BaseHitTestProvider_1.BaseHitTestProvider.DEFAULT_HIT_TEST_RADIUS; }
         throw Error("hitTestDataPoint method is not supported for StackedColumnSeriesHitTestProvider");
     };
+    /**
+     * @inheritDoc
+     */
+    StackedColumnSeriesHitTestProvider.prototype.hitTestForDataPointSelectionModifier = function (x, y, hitTestRadius) {
+        if (hitTestRadius === void 0) { hitTestRadius = BaseHitTestProvider_1.BaseHitTestProvider.DEFAULT_HIT_TEST_RADIUS; }
+        return this.hitTest(x, y);
+    };
     /**
      * @inheritDoc
      */

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

@@ -1,15 +1,27 @@
+import { TAnimationDefinition, TEffectDefinition, TPaletteProviderDefinition, TPointMarkerDefinition } from "../../../Builder/buildSeries";
 import { ELineDrawMode } from "../../Drawing/WebGlRenderContext2D";
 import { IDataSeries } from "../../Model/IDataSeries";
 import { IPaletteProvider } from "../../Model/IPaletteProvider";
 import { IPointMarker } from "../PointMarkers/IPointMarker";
 import { BaseAnimation } from "./Animations/BaseAnimation";
-import { ShaderEffect } from "./ShaderEffect";
 import { IRenderableSeries } from "./IRenderableSeries";
-import { TAnimationDefinition, TEffectDefinition, TPalletProviderDefinition, TPointMarkerDefinition } from "../../../Builder/buildSeries";
+import { ShaderEffect } from "./ShaderEffect";
+/**
+ * The type of the {@link IBaseRenderableSeriesOptions.onSelectedChanged } callback
+ */
+export declare type TSeriesSelectionChangedCallback = (sourceSeries: IRenderableSeries, isSelected: boolean) => void;
+/**
+ * The type of the {@link IBaseRenderableSeriesOptions.onHoveredChanged } callback
+ */
+export declare type TSeriesHoverChangedCallback = (sourceSeries: IRenderableSeries, isHovered: boolean) => void;
 /**
  * Options to pass to the {@link BaseRenderableSeries} constructor
  */
 export interface IBaseRenderableSeriesOptions {
+    /**
+     * A unique Id for the {@link IRenderableSeries}
+     */
+    id?: string;
     /**
      * The {@link IDataSeries | DataSeries} which provides a datasource for this {@link IRenderableSeries} to draw
      */
@@ -119,7 +131,7 @@ export interface IBaseRenderableSeriesOptions {
      * per data-point coloring of fills or series bodies, and {@link IPointMarkerPaletteProvider} for per data-point coloring of
      * point-markers
      */
-    paletteProvider?: IPaletteProvider | TPalletProviderDefinition;
+    paletteProvider?: IPaletteProvider | TPaletteProviderDefinition;
     /**
      * How to treat NAN (Not a number) values in the input {@link dataSeries}. See {@link ELineDrawMode} for a list of values.
      */
@@ -139,9 +151,9 @@ export interface IBaseRenderableSeriesOptions {
     /**
      * Optional callback function when selected changed. Also see {@link IRenderableSeries.selected} event handler
      */
-    onSelectedChanged?: ((sourceSeries: IRenderableSeries, isSelected: boolean) => void) | string;
+    onSelectedChanged?: TSeriesSelectionChangedCallback | string;
     /**
      * Optional callback function when hovered changed. Also see {@link IRenderableSeries.hovered} event handler
      */
-    onHoveredChanged?: ((sourceSeries: IRenderableSeries, isHovered: boolean) => void) | string;
+    onHoveredChanged?: TSeriesHoverChangedCallback | string;
 }

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

@@ -14,6 +14,7 @@ import { IThemeProvider } from "../../Themes/IThemeProvider";
 import { AxisCore } from "../Axis/AxisCore";
 import { IPointMarker } from "../PointMarkers/IPointMarker";
 import { SciChartSurface } from "../SciChartSurface";
+import { INotifyOnDpiChanged } from "../TextureManager/DpiHelper";
 import { BaseAnimation } from "./Animations/BaseAnimation";
 import { TPalettingState } from "./DrawingProviders/BaseSeriesDrawingProvider";
 import { ISeriesDrawingProvider } from "./DrawingProviders/ISeriesDrawingProvider";
@@ -22,7 +23,6 @@ import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { RolloverModifierRenderableSeriesProps } from "./RolloverModifier/RolloverModifierRenderableSeriesProps";
 import { SeriesHoveredArgs } from "./SeriesHoveredArgs";
 import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
-import { INotifyOnDpiChanged } from "../TextureManager/DpiHelper";
 /**
  * @summary Defines the interface to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -35,7 +35,7 @@ import { INotifyOnDpiChanged } from "../TextureManager/DpiHelper";
  */
 export interface IRenderableSeries extends IDeletable, IThemeable, INotifyOnDpiChanged {
     /**
-     * A unique, auto-generated Id for the {@link IRenderableSeries}
+     * A unique Id for the {@link IRenderableSeries}
      */
     readonly id: string;
     /**

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

@@ -1,4 +1,5 @@
 import { AnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
+import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { DoubleVector, TSciChart } from "../../../types/TSciChart";
 import { BaseAnimation } from "./Animations/BaseAnimation";
@@ -66,6 +67,8 @@ export declare class SplineBandRenderableSeries extends BaseBandRenderableSeries
      */
     updateSplineValues(): void;
     /** @inheritDoc */
+    getYRange(xVisibleRange: NumberRange, isXCategoryAxis?: boolean): NumberRange;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /** @inheritDoc */
     protected setAnimationVectors(animation: BaseAnimation): void;

package/Charting/Visuals/RenderableSeries/SplineBandRenderableSeries.js

@@ -16,7 +16,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplineBandRenderableSeries = void 0;
 var Deleter_1 = require("../../../Core/Deleter");
 var SeriesType_1 = require("../../../types/SeriesType");
-var IDataSeries_1 = require("../../Model/IDataSeries");
+var animationHelpers_1 = require("./Animations/animationHelpers");
 var BaseBandRenderableSeries_1 = require("./BaseBandRenderableSeries");
 var constants_1 = require("./constants");
 /**
@@ -103,6 +103,11 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
         this.recalculateSpline = false;
     };
     /** @inheritDoc */
+    SplineBandRenderableSeries.prototype.getYRange = function (xVisibleRange, isXCategoryAxis) {
+        if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
+        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis);
+    };
+    /** @inheritDoc */
     SplineBandRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);
@@ -115,42 +120,15 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
     /** @inheritDoc */
     SplineBandRenderableSeries.prototype.setAnimationVectors = function (animation) {
         this.updateSplineValues();
-        if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.xSplineValues);
-            this.setYFinalAnimationValues(this.ySplineValues);
-            this.setY1FinalAnimationValues(this.y1SplineValues);
-        }
-        else if (animation.isDataSeriesAnimation) {
-            var xyyDataSeries = animation.dataSeries;
-            if (xyyDataSeries.type !== IDataSeries_1.EDataSeriesType.Xyy) {
-                throw Error("to animate band chart animation.dataSeries type should be Xyy, but the type is " + xyyDataSeries.type);
-            }
-            this.setXInitialAnimationValues(this.xSplineValues);
-            this.setYInitialAnimationValues(this.ySplineValues);
-            this.setY1InitialAnimationValues(this.y1SplineValues);
-            // set final animation values for the spline
-            var dataSeries = animation.dataSeries;
-            var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
-            this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeYValues(), this.xFinalAnimationValues, this.yFinalAnimationValues, xValues.size(), this.interpolationPoints, dataSeries.containsNaN);
-            this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeY1Values(), this.xFinalAnimationValues, this.y1FinalAnimationValues, xValues.size(), this.interpolationPoints, dataSeries.containsNaN);
-            this.validateAnimationValues();
-        }
+        animationHelpers_1.animationHelpers.setSplineBandAnimationVectors(this.webAssemblyContext, animation, this.dataSeries, animation.dataSeries, this.xSplineValues, this.ySplineValues, this.y1SplineValues, this.xAxis.isCategoryAxis, this.interpolationPoints);
     };
     /** @inheritDoc */
     SplineBandRenderableSeries.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, this.ySplineValues, progress);
-                animation.calculateAnimationValues(this.webAssemblyContext, this.y1FinalAnimationValues, this.y1SplineValues, progress);
-            }
-        }
-        else if (animation.isDataSeriesAnimation) {
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.xInitialAnimationValues, this.xFinalAnimationValues, this.xSplineValues, progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.yInitialAnimationValues, this.yFinalAnimationValues, this.ySplineValues, progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.y1InitialAnimationValues, this.y1FinalAnimationValues, this.y1SplineValues, progress);
+        var dataSeries = this.dataSeries;
+        if (dataSeries) {
+            animationHelpers_1.animationHelpers.updateSplineBandAnimationProperties(this.webAssemblyContext, animation, progress, dataSeries, this.xSplineValues, this.ySplineValues, this.y1SplineValues);
         }
         if (this.invalidateParentCallback) {
             this.invalidateParentCallback();

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

@@ -1,4 +1,5 @@
 import { AnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
+import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { DoubleVector, TSciChart } from "../../../types/TSciChart";
 import { BaseAnimation } from "./Animations/BaseAnimation";
@@ -61,6 +62,9 @@ export declare class SplineLineRenderableSeries extends BaseLineRenderableSeries
      * Updates spline values
      */
     updateSplineValues(): void;
+    /** @inheritDoc */
+    getYRange(xVisibleRange: NumberRange, isXCategoryAxis?: boolean): NumberRange;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /**
      * @param color The color for palette

package/Charting/Visuals/RenderableSeries/SplineLineRenderableSeries.js

@@ -16,6 +16,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplineLineRenderableSeries = void 0;
 var Deleter_1 = require("../../../Core/Deleter");
 var SeriesType_1 = require("../../../types/SeriesType");
+var animationHelpers_1 = require("./Animations/animationHelpers");
 var BaseLineRenderableSeries_1 = require("./BaseLineRenderableSeries");
 var constants_1 = require("./constants");
 /**
@@ -95,6 +96,12 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
         this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.containsNaN);
         this.recalculateSpline = false;
     };
+    /** @inheritDoc */
+    SplineLineRenderableSeries.prototype.getYRange = function (xVisibleRange, isXCategoryAxis) {
+        if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
+        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis);
+    };
+    /** @inheritDoc */
     SplineLineRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);
@@ -116,32 +123,15 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
     /** @inheritDoc */
     SplineLineRenderableSeries.prototype.setAnimationVectors = function (animation) {
         this.updateSplineValues();
-        if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.xSplineValues);
-            this.setYFinalAnimationValues(this.ySplineValues);
-        }
-        else if (animation.isDataSeriesAnimation) {
-            this.setXInitialAnimationValues(this.xSplineValues);
-            this.setYInitialAnimationValues(this.ySplineValues);
-            // set final animation values for the spline
-            var dataSeries = animation.dataSeries;
-            var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
-            this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeYValues(), this.xFinalAnimationValues, this.yFinalAnimationValues, xValues.size(), this.interpolationPoints, dataSeries.containsNaN);
-        }
+        animationHelpers_1.animationHelpers.setSplineAnimationVectors(this.webAssemblyContext, animation, this.dataSeries, animation.dataSeries, this.xSplineValues, this.ySplineValues, this.xAxis.isCategoryAxis, this.interpolationPoints);
     };
     /** @inheritDoc */
     SplineLineRenderableSeries.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, this.ySplineValues, progress);
-            }
-        }
-        else if (animation.isDataSeriesAnimation) {
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.xInitialAnimationValues, this.xFinalAnimationValues, this.xSplineValues, progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.yInitialAnimationValues, this.yFinalAnimationValues, this.ySplineValues, progress);
+        var dataSeries = this.dataSeries;
+        if (dataSeries) {
+            animationHelpers_1.animationHelpers.updateSplineAnimationProperties(this.webAssemblyContext, animation, progress, dataSeries, this.xSplineValues, this.ySplineValues);
         }
         if (this.invalidateParentCallback) {
             this.invalidateParentCallback();