scichart 3.2.528 → 3.2.538

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

@@ -1,12 +1,13 @@
 import { TSeriesDefinition } from "../../../Builder/buildSeries";
 import { SeriesAnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { EventHandler } from "../../../Core/EventHandler";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
 import { ELineDrawMode, WebGlRenderContext2D } from "../../Drawing/WebGlRenderContext2D";
 import { SeriesInfo } from "../../Model/ChartData/SeriesInfo";
-import { IDataSeries } from "../../Model/IDataSeries";
+import { IDataChangeArgs, IDataSeries } from "../../Model/IDataSeries";
 import { IPaletteProvider } from "../../Model/IPaletteProvider";
 import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
 import { XyPointSeriesResampled } from "../../Model/PointSeries/XyPointSeriesResampled";
@@ -21,19 +22,20 @@ import { IPointMarker } from "../PointMarkers/IPointMarker";
 import { SciChartSurface } from "../SciChartSurface";
 import { TDpiChangedEventArgs } from "../TextureManager/DpiHelper";
 import { SeriesAnimation } from "./Animations/SeriesAnimation";
+import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
 import { TPalettingState } from "./DrawingProviders/BaseSeriesDrawingProvider";
 import { ISeriesDrawingProvider } from "./DrawingProviders/ISeriesDrawingProvider";
 import { HitTestInfo } from "./HitTest/HitTestInfo";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
 import { IRenderableSeries } from "./IRenderableSeries";
+import { IRenderDataTransform } from "./RenderDataTransforms/BaseRenderDataTransform";
 import { RolloverModifierRenderableSeriesProps } from "./RolloverModifier/RolloverModifierRenderableSeriesProps";
 import { SeriesHoveredArgs } from "./SeriesHoveredArgs";
 import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
 import { SeriesVisibleChangedArgs } from "./SeriesVisibleChangedArgs";
 import { ShaderEffect } from "./ShaderEffect";
-import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
-import { DeletableEntity } from "../../../Core/DeletableEntity";
+import { EYRangeMode } from "../../../types/YRangeMode";
 /**
  * @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}
@@ -71,6 +73,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     protected animationQueue: SeriesAnimation[];
     protected paletteProviderProperty: IPaletteProvider;
     protected dataLabelProviderProperty: BaseDataLabelProvider;
+    protected renderDataTransformProperty: IRenderDataTransform;
     protected typeMap: Map<string, string>;
     protected resamplerHelper: ExtremeResamplerHelper;
     protected pointSeries: XyPointSeriesResampled;
@@ -92,6 +95,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     private resamplingModeProperty;
     private resamplingPrecisionProperty;
     private clipToYRangeProperty;
+    private yRangeModeProperty;
     /**
      * Creates an instance of the {@link BaseRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -194,6 +198,9 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     get clipToYRange(): boolean;
     set clipToYRange(value: boolean);
     /** @inheritDoc */
+    get yRangeMode(): EYRangeMode;
+    set yRangeMode(value: EYRangeMode);
+    /** @inheritDoc */
     get isSpline(): boolean;
     /** @inheritDoc */
     draw(renderContext: WebGlRenderContext2D, renderPassData: RenderPassData): void;
@@ -281,6 +288,10 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     /** @inheritDoc */
     set dataLabelProvider(provider: BaseDataLabelProvider);
     /** @inheritDoc */
+    get renderDataTransform(): IRenderDataTransform;
+    /** @inheritDoc */
+    set renderDataTransform(transform: IRenderDataTransform);
+    /** @inheritDoc */
     resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
     /** @inheritDoc */
     adjustAutoColor(propertyName: string, color: string): string;
@@ -316,7 +327,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
      * Is being called when the data for the underlying DataSeries changes
      * @protected
      */
-    protected dataSeriesDataChanged(): void;
+    protected dataSeriesDataChanged(args: IDataChangeArgs): void;
     protected valueChanged(oldValue: any, newValue: any): boolean;
     protected setPaletteProvider(paletteProvider: IPaletteProvider): void;
     private invalidateParent;

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -18,10 +18,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDelta = exports.getDataPointWidth = exports.BaseRenderableSeries = void 0;
 var classFactory_1 = require("../../../Builder/classFactory");
 var AnimationFiniteStateMachine_1 = require("../../../Core/Animations/AnimationFiniteStateMachine");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../Core/Deleter");
 var EventHandler_1 = require("../../../Core/EventHandler");
+var Rect_1 = require("../../../Core/Rect");
 var AnimationType_1 = require("../../../types/AnimationType");
 var BaseType_1 = require("../../../types/BaseType");
+var DataLabelProviderType_1 = require("../../../types/DataLabelProviderType");
 var PaletteProviderType_1 = require("../../../types/PaletteProviderType");
 var PointMarkerType_1 = require("../../../types/PointMarkerType");
 var SeriesType_1 = require("../../../types/SeriesType");
@@ -32,6 +35,7 @@ var HlcSeriesInfo_1 = require("../../Model/ChartData/HlcSeriesInfo");
 var OhlcSeriesInfo_1 = require("../../Model/ChartData/OhlcSeriesInfo");
 var XySeriesInfo_1 = require("../../Model/ChartData/XySeriesInfo");
 var XyySeriesInfo_1 = require("../../Model/ChartData/XyySeriesInfo");
+var XyzSeriesInfo_1 = require("../../Model/ChartData/XyzSeriesInfo");
 var IDataSeries_1 = require("../../Model/IDataSeries");
 var IPaletteProvider_1 = require("../../Model/IPaletteProvider");
 var XyPointSeriesResampled_1 = require("../../Model/PointSeries/XyPointSeriesResampled");
@@ -49,10 +53,7 @@ var RolloverModifierRenderableSeriesProps_1 = require("./RolloverModifier/Rollov
 var SeriesHoveredArgs_1 = require("./SeriesHoveredArgs");
 var SeriesSelectedArgs_1 = require("./SeriesSelectedArgs");
 var SeriesVisibleChangedArgs_1 = require("./SeriesVisibleChangedArgs");
-var DataLabelProviderType_1 = require("../../../types/DataLabelProviderType");
-var Rect_1 = require("../../../Core/Rect");
-var DeletableEntity_1 = require("../../../Core/DeletableEntity");
-var XyzSeriesInfo_1 = require("../../Model/ChartData/XyzSeriesInfo");
+var YRangeMode_1 = require("../../../types/YRangeMode");
 /**
  * @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}
@@ -73,7 +74,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
      */
     function BaseRenderableSeries(webAssemblyContext, options) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         _this = _super.call(this) || this;
         /** @inheritDoc */
         _this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(_this);
@@ -101,6 +102,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         _this.resamplingModeProperty = ResamplingMode_1.EResamplingMode.Auto;
         _this.resamplingPrecisionProperty = 0;
         _this.clipToYRangeProperty = false;
+        _this.yRangeModeProperty = YRangeMode_1.EYRangeMode.Drawn;
         _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)();
@@ -158,6 +160,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         _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.clipToYRangeProperty = (_s = options === null || options === void 0 ? void 0 : options.clipToYRange) !== null && _s !== void 0 ? _s : _this.clipToYRangeProperty;
+        _this.yRangeModeProperty = (_t = options === null || options === void 0 ? void 0 : options.yRangeMode) !== null && _t !== void 0 ? _t : _this.yRangeModeProperty;
         if (options === null || options === void 0 ? void 0 : options.onIsVisibleChanged) {
             if (typeof options.onIsVisibleChanged === "string") {
                 _this.typeMap.set("onIsVisibleChanged", options.onIsVisibleChanged);
@@ -583,6 +586,20 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseRenderableSeries.prototype, "yRangeMode", {
+        /** @inheritDoc */
+        get: function () {
+            return this.yRangeModeProperty;
+        },
+        set: function (value) {
+            if (this.yRangeModeProperty !== value) {
+                this.yRangeModeProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.YRANGEMODE);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseRenderableSeries.prototype, "isSpline", {
         /** @inheritDoc */
         get: function () {
@@ -593,6 +610,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
     });
     /** @inheritDoc */
     BaseRenderableSeries.prototype.draw = function (renderContext, renderPassData) {
+        var _this = this;
         var _a, _b;
         this.currentRenderPassData = renderPassData;
         (_a = this.hitTestProvider) === null || _a === void 0 ? void 0 : _a.update(renderPassData);
@@ -613,7 +631,15 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
                         nativeContext.SetClipRect(clipRect.x, clipRect.y, clipRect.width, clipRect.height);
                     }
                 }
-                this.drawingProviders.forEach(function (dp) { return dp.draw(renderContext, renderPassData); });
+                this.drawingProviders.forEach(function (dp) {
+                    if (_this.renderDataTransform && _this.renderDataTransform.drawingProviders.includes(dp)) {
+                        var transformedRPD = _this.renderDataTransform.runTransform(renderPassData);
+                        dp.draw(renderContext, transformedRPD);
+                    }
+                    else {
+                        dp.draw(renderContext, renderPassData);
+                    }
+                });
             }
             finally {
                 if (this.clipToYRange) {
@@ -638,6 +664,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         this.resamplerHelper = (0, Deleter_1.deleteSafe)(this.resamplerHelper);
         this.pointSeries = (0, Deleter_1.deleteSafe)(this.pointSeries);
         this.dataLabelProviderProperty = (0, Deleter_1.deleteSafe)(this.dataLabelProvider);
+        this.renderDataTransformProperty = (0, Deleter_1.deleteSafe)(this.renderDataTransform);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.getXRange = function () {
@@ -649,7 +676,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         var dataSeriesValueType = this.isRunningDataAnimation
             ? IDataSeries_1.EDataSeriesValueType.FinalAnimationValues
             : IDataSeries_1.EDataSeriesValueType.Default;
-        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis, dataSeriesValueType);
+        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis, dataSeriesValueType, this.yRangeMode);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.notifyPropertyChanged = function (propertyName) {
@@ -799,6 +826,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
             resamplingMode: this.resamplingMode,
             resamplingPrecision: this.resamplingPrecision,
             clipToYRange: this.clipToYRange,
+            yRangeMode: this.yRangeMode,
             // @ts-ignore
             dataLabelProvider: (_c = this.dataLabelProvider) === null || _c === void 0 ? void 0 : _c.toJSON()
             // onSelectedChanged: this.onSelectedChanged
@@ -983,6 +1011,22 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseRenderableSeries.prototype, "renderDataTransform", {
+        /** @inheritDoc */
+        get: function () {
+            return this.renderDataTransformProperty;
+        },
+        /** @inheritDoc */
+        set: function (transform) {
+            if (transform.parentSeries !== this) {
+                throw new Error("renderDataTransform can only be added to the series it was created with");
+            }
+            this.renderDataTransformProperty = transform;
+            this.notifyPropertyChanged(constants_1.PROPERTY.SERIES_TEXT_PROVIDER);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     BaseRenderableSeries.prototype.resolveAutoColors = function (index, maxSeries, theme) {
         if (this.strokeProperty.startsWith(IThemeProvider_1.AUTO_COLOR)) {
@@ -1063,7 +1107,10 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
      * Is being called when the data for the underlying DataSeries changes
      * @protected
      */
-    BaseRenderableSeries.prototype.dataSeriesDataChanged = function () {
+    BaseRenderableSeries.prototype.dataSeriesDataChanged = function (args) {
+        if (this.renderDataTransform) {
+            this.renderDataTransform.onDataChange(args);
+        }
         this.invalidateParent();
     };
     BaseRenderableSeries.prototype.valueChanged = function (oldValue, newValue) {

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

@@ -5,6 +5,7 @@ import { NumberRange } from "../../../Core/NumberRange";
 import { ObservableArray } from "../../../Core/ObservableArray";
 import { ESeriesType } from "../../../types/SeriesType";
 import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
+import { EYRangeMode } from "../../../types/YRangeMode";
 import { ELineDrawMode, WebGlRenderContext2D } from "../../Drawing/WebGlRenderContext2D";
 import { SeriesInfo } from "../../Model/ChartData/SeriesInfo";
 import { IDataSeries } from "../../Model/IDataSeries";
@@ -53,6 +54,8 @@ export interface IBaseStackedCollectionOptions {
      * Sets 100% mode. When true, the stacked group becomes a 100% stacked chart
      */
     isOneHundredPercent?: boolean;
+    /** Determines whether the y range for this series should consider only the visible data (the default), or include the drawn points just outside the visible range */
+    yRangeMode?: EYRangeMode;
 }
 /**
  * A base class for stacked collections, which are used to create stacked mountain or column chart types.
@@ -93,6 +96,7 @@ export declare abstract class BaseStackedCollection<T extends BaseStackedRendera
     private yAxisIdProperty;
     private isOneHundredPercentProperty;
     private animationQueue;
+    private yRangeModeProperty;
     /**
      * Creates an instance of the {@link BaseStackedCollection}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -144,6 +148,9 @@ export declare abstract class BaseStackedCollection<T extends BaseStackedRendera
      * Gets or sets 100% mode. When true, the stacked group becomes a 100% stacked chart
      */
     set isOneHundredPercent(value: boolean);
+    /** @inheritDoc */
+    get yRangeMode(): EYRangeMode;
+    set yRangeMode(value: EYRangeMode);
     /**
      * dataSeries property is not supported for BaseStackedCollection
      */

package/Charting/Visuals/RenderableSeries/BaseStackedCollection.js

@@ -21,6 +21,8 @@ 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 SearchMode_1 = require("../../../types/SearchMode");
+var YRangeMode_1 = require("../../../types/YRangeMode");
 var guid_1 = require("../../../utils/guid");
 var MemoryUsageHelper_1 = require("../../../utils/MemoryUsageHelper");
 var BaseDataSeries_1 = require("../../Model/BaseDataSeries");
@@ -41,7 +43,7 @@ var BaseStackedCollection = /** @class */ (function (_super) {
      */
     function BaseStackedCollection(webAssemblyContext, options) {
         var _this = this;
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         _this = _super.call(this) || this;
         /** @inheritDoc */
         _this.id = (0, guid_1.generateGuid)();
@@ -60,11 +62,13 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         _this.yAxisIdProperty = AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
         _this.isOneHundredPercentProperty = false;
         _this.animationQueue = [];
+        _this.yRangeModeProperty = YRangeMode_1.EYRangeMode.Drawn;
         _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.yRangeModeProperty = (_e = options === null || options === void 0 ? void 0 : options.yRangeMode) !== null && _e !== void 0 ? _e : _this.yRangeModeProperty;
         _this.updateAnimationProperties = _this.updateAnimationProperties.bind(_this);
         _this.notifyPropertyChanged = _this.notifyPropertyChanged.bind(_this);
         _this.getParentSurface = _this.getParentSurface.bind(_this);
@@ -221,6 +225,20 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseStackedCollection.prototype, "yRangeMode", {
+        /** @inheritDoc */
+        get: function () {
+            return this.yRangeModeProperty;
+        },
+        set: function (value) {
+            if (this.yRangeModeProperty !== value) {
+                this.yRangeModeProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.YRANGEMODE);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseStackedCollection.prototype, "dataSeries", {
         // PROPERTIES END
         // Un-Supported PROPERTIES
@@ -517,7 +535,7 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         this.getVisibleSeries().forEach(function (rs) {
             if (rs.accumulatedValues.size() === _this.getNativeXValues().size()) {
                 // TODO: calc isSorted flag
-                var range = (0, BaseDataSeries_1.getWindowedYRange)(_this.webAssemblyContext, _this.getNativeXValues(), rs.accumulatedValues, xVisibleRange, true, isXCategoryAxis, true);
+                var range = (0, BaseDataSeries_1.getWindowedYRange)(_this.webAssemblyContext, _this.getNativeXValues(), rs.accumulatedValues, xVisibleRange, true, isXCategoryAxis, true, _this.yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundUp : SearchMode_1.ESearchMode.RoundDown, _this.yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundDown : SearchMode_1.ESearchMode.RoundUp);
                 if (range) {
                     maxRange = maxRange ? maxRange.union(range) : range;
                 }
@@ -652,7 +670,8 @@ var BaseStackedCollection = /** @class */ (function (_super) {
             isVisible: this.isVisible,
             isOneHundredPercent: this.isOneHundredPercent,
             xAxisId: this.xAxisId,
-            yAxisId: this.yAxisId
+            yAxisId: this.yAxisId,
+            yRangeMode: this.yRangeMode
         };
         // @ts-ignore
         return { type: this.type, series: series, options: options };

package/Charting/Visuals/RenderableSeries/BaseStackedRenderableSeries.js

@@ -336,7 +336,8 @@ var BaseStackedRenderableSeries = /** @class */ (function (_super) {
          * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
          */
         get: function () {
-            throw Error("yAxisId property is not supported for BaseStackedRenderableSeries");
+            var _a;
+            return (_a = this.parentCollection) === null || _a === void 0 ? void 0 : _a.yAxisId;
         },
         /**
          * yAxisId property is not supported for BaseStackedRenderableSeries,

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

@@ -336,12 +336,6 @@ var DataLabelProvider = /** @class */ (function (_super) {
         if (!yValues || yValues.size() === 0)
             return;
         this.state = new DataLabelState_1.DataLabelState(renderContext, renderPassData, this.style, this.color, yValues, this.parentSeries);
-        // console.log(
-        //     "gen ",
-        //     yValues.size(),
-        //     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))

package/Charting/Visuals/RenderableSeries/DrawingProviders/BandSeriesDrawingProvider.js

@@ -17,7 +17,6 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BandSeriesDrawingProvider = void 0;
 var Deleter_1 = require("../../../../Core/Deleter");
-var SeriesType_1 = require("../../../../types/SeriesType");
 var BrushCache_1 = require("../../../Drawing/BrushCache");
 var Pen2DCache_1 = require("../../../Drawing/Pen2DCache");
 var WebGlRenderContext2D_1 = require("../../../Drawing/WebGlRenderContext2D");
@@ -115,24 +114,26 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
         var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
         var yDrawValues = this.ySelector(pointSeries);
         var y1DrawValues = this.y1Selector(pointSeries);
-        var isSplineBandSeries = this.parentSeries.type === SeriesType_1.ESeriesType.SplineBandSeries && xValues.size() > 1;
-        if (isSplineBandSeries) {
-            var splineBandSeries = this.parentSeries;
-            if (!this.parentSeries.isRunningAnimation) {
-                splineBandSeries.updateSplineValues();
-            }
-            xDrawValues = splineBandSeries.xSplineValues;
-            yDrawValues = splineBandSeries.ySplineValues;
-            y1DrawValues = splineBandSeries.y1SplineValues;
-        }
-        var _c = this.getStartAndCount(isSplineBandSeries ? undefined : renderPassData, xDrawValues), startIndex = _c.startIndex, count = _c.count;
+        // const isSplineBandSeries = this.parentSeries.type === ESeriesType.SplineBandSeries && xValues.size() > 1;
+        // if (isSplineBandSeries) {
+        //     const splineBandSeries = this.parentSeries as SplineBandRenderableSeries;
+        //     if (!this.parentSeries.isRunningAnimation) {
+        //         splineBandSeries.updateSplineValues();
+        //     }
+        //     xDrawValues = splineBandSeries.xSplineValues;
+        //     yDrawValues = splineBandSeries.ySplineValues;
+        //     y1DrawValues = splineBandSeries.y1SplineValues;
+        // }
+        var _c = this.getStartAndCount(
+        //isSplineBandSeries ? undefined : renderPassData,
+        renderPassData, xDrawValues), startIndex = _c.startIndex, count = _c.count;
         this.args.count = count;
         this.args.startIndex = startIndex;
         if (fifoCapacity > 0 && fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
             this.args.count = fifoStartIndex;
         }
         // Paletting per point
-        _super.prototype.applyStrokeFillPaletting.call(this, undefined, undefined, undefined, undefined, this.parentSeries.opacity, true);
+        _super.prototype.applyStrokeFillPaletting.call(this, undefined, undefined, undefined, undefined, this.parentSeries.opacity, true, true, renderPassData);
         var paletteTexture = (_a = this.palettingState.paletteTextureCache) === null || _a === void 0 ? void 0 : _a.value;
         if (paletteTexture) {
             this.args.SetPalette(paletteTexture);
@@ -166,18 +167,22 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
             propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
             propertyName === constants_1.PROPERTY.OPACITY ||
             propertyName === constants_1.PROPERTY.STROKE_DASH_ARRAY) {
+            this.palettingState.requiresUpdate = true;
             (0, Pen2DCache_1.createPenInCache)(this.linesPenCache, stroke, strokeThickness, opacity, strokeDashArray);
         }
         if (propertyName === constants_1.PROPERTY.STROKE_Y1 ||
             propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
             propertyName === constants_1.PROPERTY.OPACITY ||
             propertyName === constants_1.PROPERTY.STROKE_Y1_DASH_ARRAY) {
+            this.palettingState.requiresUpdate = true;
             (0, Pen2DCache_1.createPenInCache)(this.strokePenY1Cache, strokeY1, strokeThickness, opacity, strokeY1DashArray);
         }
         if (propertyName === constants_1.PROPERTY.FILL || propertyName === constants_1.PROPERTY.OPACITY) {
+            this.palettingState.requiresUpdate = true;
             (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, fill, opacity);
         }
         if (propertyName === constants_1.PROPERTY.FILL_Y1 || propertyName === constants_1.PROPERTY.OPACITY) {
+            this.palettingState.requiresUpdate = true;
             (0, BrushCache_1.createBrushInCache)(this.fillBrushY1Cache, fillY1, opacity);
         }
     };

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

@@ -3,6 +3,7 @@ import { IDeletable } from "../../../../Core/IDeletable";
 import { SCRTBrush, SCRTDoubleVector, TSciChart, UIntVector } from "../../../../types/TSciChart";
 import { PaletteCache } from "../../../Drawing/PaletteCache";
 import { WebGlRenderContext2D } from "../../../Drawing/WebGlRenderContext2D";
+import { IPaletteProvider } from "../../../Model/IPaletteProvider";
 import { IPointMetadata } from "../../../Model/IPointMetadata";
 import { IPointSeries } from "../../../Model/PointSeries/IPointSeries";
 import { RenderPassData } from "../../../Services/RenderPassData";
@@ -31,6 +32,11 @@ export declare type TPalettingState = {
     originalPenColor?: number;
     originalPenGradient?: boolean;
     originalBrushColor?: number;
+    lastStartIndex?: number;
+    lastCount?: number;
+    lastResamplingHash?: number;
+    paletteStartIndex?: number;
+    requiresUpdate: boolean;
 };
 /**
  * Used internally - a drawing provider performs drawing for a specific chart-type or series using
@@ -75,10 +81,11 @@ export declare abstract class BaseSeriesDrawingProvider<T extends IRenderableSer
      * Helper function to apply color-paletting to a {@link UIntVector} - where each element in the vector
      * is an ARGB color that defines stroke of the series
      * @param strokePen the current pen, as type {@link SCRTPen}
+     * @param renderPassData optional renderPassData.  If not supplied, the current renderPassData for the parent series will be used
      * @returns the new {@link UIntVector} with ARGB colors
      */
-    applyStrokePaletting(strokePen: ISCRTPen): void;
-    applyStrokeFillPaletting(stroke: string, strokePen: ISCRTPen | undefined, fill: string, fillBrush: ISCRTBrush | undefined, opacity: number, usePalette?: boolean, resetPenBrushColors?: boolean): void;
+    applyStrokePaletting(strokePen: ISCRTPen, renderPassData?: RenderPassData): void;
+    applyStrokeFillPaletting(stroke: string, strokePen: ISCRTPen | undefined, fill: string, fillBrush: ISCRTBrush | undefined, opacity: number, usePalette?: boolean, resetPenBrushColors?: boolean, renderPassData?: RenderPassData): void;
     /**
      * Creates a native {@link SCRTBrush} Solid Color Brush from html color code string passed in
      * @param htmlColorCode The HTML Color code
@@ -110,6 +117,7 @@ export declare abstract class BaseSeriesDrawingProvider<T extends IRenderableSer
      */
     onDetachSeries(): void;
     protected seriesHasDataChanges(): void;
+    protected shouldUpdatePalette(renderPassData: RenderPassData, paletteProvider: IPaletteProvider, startIndex: number, count: number): void;
     protected overridePaletteProviderColors(rs: IRenderableSeries, xValue: number, yValue: number, index: number, opacity?: number, metadata?: IPointMetadata): {
         stroke: number | undefined;
         fill: number | undefined;