scichart 3.2.532 → 3.2.543

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/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;

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

@@ -52,7 +52,8 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
             palettedColors: undefined,
             palettedColorsHashCode: 0,
             gradientPaletting: false,
-            paletteTextureCache: new PaletteCache_1.PaletteCache(webAssemblyContext)
+            paletteTextureCache: new PaletteCache_1.PaletteCache(webAssemblyContext),
+            requiresUpdate: true
         };
         _this.seriesHasDataChanges = _this.seriesHasDataChanges.bind(_this);
         _this.parentDataSeries = _this.parentSeries.dataSeries;
@@ -72,9 +73,9 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
         var xAxis = (_a = this.parentSeries) === null || _a === void 0 ? void 0 : _a.xAxis;
         var shouldClip = (_b = xAxis === null || xAxis === void 0 ? void 0 : xAxis.clipToXRange) !== null && _b !== void 0 ? _b : true; // fo the sake of tests
         var xCount = xValues.size();
-        var count = Math.min(pointSeries ? pointSeries.indexes.size() : xCount, xCount);
+        var count = Math.min(pointSeries ? pointSeries.xValues.size() : xCount, xCount);
         var startIndex = 0;
-        if (shouldClip && !(pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.resampled) && ((_c = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.indexRange) === null || _c === void 0 ? void 0 : _c.diff) > 0) {
+        if (shouldClip && !(pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.resampled) && ((_c = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.indexRange) === null || _c === void 0 ? void 0 : _c.diff) >= 0) {
             if (renderPassData.indexRange.diff + 1 < count) {
                 startIndex = renderPassData.indexRange.min;
             }
@@ -86,11 +87,13 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
      * 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
      */
-    BaseSeriesDrawingProvider.prototype.applyStrokePaletting = function (strokePen) {
-        var _a, _b, _c;
-        if (this.parentSeries.hasStrokePaletteProvider()) {
+    BaseSeriesDrawingProvider.prototype.applyStrokePaletting = function (strokePen, renderPassData) {
+        var _a, _b, _c, _d;
+        var advancedPP = this.parentSeries.paletteProvider;
+        if (this.parentSeries.hasStrokePaletteProvider() || advancedPP.applyPaletting !== undefined) {
             var strokeColorArgb = (0, colorUtil_1.uintArgbColorMultiplyOpacity)((0, parseColor_1.parseColorToUIntArgb)(this.parentSeries.stroke), this.parentSeries.opacity);
             if (isNaN(strokeColorArgb)) {
                 throw Error("applyStrokePaletting(): renderSeries.stroke " +
@@ -99,44 +102,55 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
             }
             var strokePaletteProvider = this.parentSeries.paletteProvider;
             var dataSeries = this.parentSeries.dataSeries;
-            var renderPassData = this.parentSeries.getCurrentRenderPassData();
+            renderPassData = renderPassData !== null && renderPassData !== void 0 ? renderPassData : this.parentSeries.getCurrentRenderPassData();
             var pointSeries = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.pointSeries;
             var xValues = (_a = (pointSeries ? this.xSelector(pointSeries) : undefined)) !== null && _a !== void 0 ? _a : dataSeries.getNativeXValues();
             var yValues = (_b = (pointSeries ? this.ySelector(pointSeries) : undefined)) !== null && _b !== void 0 ? _b : dataSeries.getNativeYValues();
-            var _d = this.getStartAndCount(renderPassData, xValues), startIndex = _d.startIndex, count = _d.count;
+            var _e = this.getStartAndCount(renderPassData, xValues), startIndex = _e.startIndex, count = _e.count;
             if (!this.palettingState.palettedColors) {
                 this.palettingState.palettedColors = new this.webAssemblyContext.UIntVector();
             }
-            this.palettingState.palettedColors.clear();
-            this.palettingState.palettedColors.reserve(count);
-            strokePen.m_bGradient = strokePaletteProvider.strokePaletteMode === IPaletteProvider_1.EStrokePaletteMode.GRADIENT;
             // For paletted series, we must pass 0xFFFFFFFF (white) to pen line
             this.palettingState.originalPenColor = strokePen.m_uiColor;
             strokePen.m_uiColor = 0xffffffff;
+            strokePen.m_bGradient = strokePaletteProvider.strokePaletteMode === IPaletteProvider_1.EStrokePaletteMode.GRADIENT;
+            if (advancedPP.applyPaletting) {
+                advancedPP.applyPaletting(this.palettingState, xValues, yValues, (_c = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.indexes) !== null && _c !== void 0 ? _c : dataSeries.getNativeIndexes(), startIndex, count);
+                return;
+            }
+            this.shouldUpdatePalette(renderPassData, strokePaletteProvider, startIndex, count);
+            if (!this.palettingState.requiresUpdate) {
+                return;
+            }
+            this.palettingState.palettedColors.clear();
+            this.palettingState.palettedColors.reserve(count);
             for (var index = startIndex; index < startIndex + count; index++) {
                 var originalDataIndex = pointSeries ? pointSeries.indexes.get(index) : index;
                 if (originalDataIndex < 0)
                     originalDataIndex = 0;
                 else if (originalDataIndex >= dataSeries.count())
                     originalDataIndex = dataSeries.count() - 1;
-                var overrideColor = strokePaletteProvider.overrideStrokeArgb(xValues.get(index), yValues.get(index), originalDataIndex, this.parentSeries.opacity, dataSeries.getMetadataAt(originalDataIndex));
+                var xValue = xValues.get(index);
+                var yValue = yValues.get(index);
+                var overrideColor = strokePaletteProvider.overrideStrokeArgb(xValue, yValue, originalDataIndex, this.parentSeries.opacity, dataSeries.getMetadataAt(originalDataIndex));
                 this.parentSeries.pushPalettedColors(overrideColor ? overrideColor : strokeColorArgb, this.palettingState);
             }
+            this.palettingState.requiresUpdate = false;
         }
         else {
             if (this.palettingState.originalPenColor) {
                 strokePen.m_uiColor = this.palettingState.originalPenColor;
                 this.palettingState.originalPenColor = undefined;
             }
-            (_c = this.palettingState.palettedColors) === null || _c === void 0 ? void 0 : _c.clear();
+            (_d = this.palettingState.palettedColors) === null || _d === void 0 ? void 0 : _d.clear();
         }
         // Due to pass-by-pointer limitations of WASM binding, we pass an empty vector rather than null
         if (!this.palettingState.palettedColors) {
             this.palettingState.palettedColors = new this.webAssemblyContext.UIntVector();
         }
     };
-    BaseSeriesDrawingProvider.prototype.applyStrokeFillPaletting = function (stroke, strokePen, fill, fillBrush, opacity, usePalette, resetPenBrushColors) {
-        var _a, _b, _c, _d, _e;
+    BaseSeriesDrawingProvider.prototype.applyStrokeFillPaletting = function (stroke, strokePen, fill, fillBrush, opacity, usePalette, resetPenBrushColors, renderPassData) {
+        var _a, _b, _c, _d, _e, _f;
         if (usePalette === void 0) { usePalette = false; }
         if (resetPenBrushColors === void 0) { resetPenBrushColors = true; }
         var hasStrokePaletteProvider = this.parentSeries.hasStrokePaletteProvider();
@@ -144,8 +158,9 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
         var hasPointMarkerPaletteProvider = this.parentSeries.hasPointMarkerPaletteProvider();
         var strokePaletteProvider = this.parentSeries.paletteProvider;
         var pointMarkerPaletteProvider = this.parentSeries.paletteProvider;
-        var fillPaletteProvider = this.parentSeries.paletteProvider;
-        if (hasStrokePaletteProvider || hasFillPaletteProvider || hasPointMarkerPaletteProvider) {
+        var advancedPP = this.parentSeries.paletteProvider;
+        var hasAdvancedPP = (advancedPP === null || advancedPP === void 0 ? void 0 : advancedPP.applyPaletting) !== undefined;
+        if (hasStrokePaletteProvider || hasFillPaletteProvider || hasPointMarkerPaletteProvider || hasAdvancedPP) {
             var strokeColor = void 0;
             var fillColor = void 0;
             // Palette (this.palettingState.paletteTextureCache) is used only for band and mountain series
@@ -166,18 +181,25 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
                 throw Error("updatePalette(): fillColor " + fillColor + " cannot be converted to a valid color");
             }
             var dataSeries = this.parentSeries.dataSeries;
-            var renderPassData = this.parentSeries.getCurrentRenderPassData();
+            renderPassData = renderPassData !== null && renderPassData !== void 0 ? renderPassData : this.parentSeries.getCurrentRenderPassData();
             var pointSeries = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.pointSeries;
             var xValues = (_a = (pointSeries ? this.xSelector(pointSeries) : undefined)) !== null && _a !== void 0 ? _a : dataSeries.getNativeXValues();
             var yValues = (_b = (pointSeries ? this.ySelector(pointSeries) : undefined)) !== null && _b !== void 0 ? _b : dataSeries.getNativeYValues();
-            var _f = this.getStartAndCount(renderPassData, xValues), startIndex = _f.startIndex, count = _f.count;
+            var _g = this.getStartAndCount(renderPassData, xValues), startIndex = _g.startIndex, count = _g.count;
             if (!this.palettingState.palettedColors) {
                 this.palettingState.palettedColors = new this.webAssemblyContext.UIntVector();
             }
+            if (advancedPP.applyPaletting) {
+                advancedPP.applyPaletting(this.palettingState, xValues, yValues, (_c = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.indexes) !== null && _c !== void 0 ? _c : dataSeries.getNativeIndexes(), startIndex, count);
+                return;
+            }
+            this.shouldUpdatePalette(renderPassData, strokePaletteProvider, startIndex, count);
+            if (!this.palettingState.requiresUpdate) {
+                return;
+            }
             this.palettingState.paletteTextureCache.reset();
             this.palettingState.palettedColors.clear();
             this.palettingState.palettedColors.reserve(count * 2);
-            // Commented this code out, because I don't know what this code does
             if (resetPenBrushColors) {
                 if (strokePen) {
                     // For paletted series, we must pass 0xFFFFFFFF (white) to pen line
@@ -209,8 +231,8 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
                 var xValue = xValues.get(index);
                 var yValue = yValues.get(index);
                 var overriddenColors = this.overridePaletteProviderColors(this.parentSeries, xValue, yValue, originalDataIndex, opacity, dataSeries.getMetadataAt(originalDataIndex));
-                var overrideStrokeColor = (_c = overriddenColors.stroke) !== null && _c !== void 0 ? _c : strokeColor;
-                var overrideFillColor = (_d = overriddenColors.fill) !== null && _d !== void 0 ? _d : fillColor;
+                var overrideStrokeColor = (_d = overriddenColors.stroke) !== null && _d !== void 0 ? _d : strokeColor;
+                var overrideFillColor = (_e = overriddenColors.fill) !== null && _e !== void 0 ? _e : fillColor;
                 this.palettingState.palettedColors.push_back(overrideStrokeColor);
                 this.palettingState.palettedColors.push_back(overrideFillColor);
                 hashCode = (0, number_1.numericHashCode)(hashCode, overrideStrokeColor);
@@ -224,11 +246,11 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
                 this.palettingState.paletteTextureCache.create(this.palettingState.palettedColors);
                 this.palettingState.palettedColorsHashCode = hashCode;
             }
+            this.palettingState.requiresUpdate = false;
         }
         else {
             this.palettingState.paletteTextureCache.reset();
-            (_e = this.palettingState.palettedColors) === null || _e === void 0 ? void 0 : _e.clear();
-            // This was needed for resetPenBrushColors, therefore commented out as well
+            (_f = this.palettingState.palettedColors) === null || _f === void 0 ? void 0 : _f.clear();
             if (strokePen) {
                 if (this.palettingState.originalPenColor) {
                     strokePen.m_uiColor = this.palettingState.originalPenColor;
@@ -277,6 +299,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
             (_a = this.parentDataSeries) === null || _a === void 0 ? void 0 : _a.dataChanged.unsubscribe(this.seriesHasDataChanges);
             this.parentDataSeries = this.parentSeries.dataSeries;
             (_b = this.parentDataSeries) === null || _b === void 0 ? void 0 : _b.dataChanged.subscribe(this.seriesHasDataChanges);
+            this.palettingState.requiresUpdate = true;
         }
     };
     /**
@@ -298,8 +321,46 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
         // Override in derived class to be notified of series being detached from sciChartSurface
     };
     BaseSeriesDrawingProvider.prototype.seriesHasDataChanges = function () {
+        this.palettingState.requiresUpdate = true;
         // TODO override in derived class.
     };
+    BaseSeriesDrawingProvider.prototype.shouldUpdatePalette = function (renderPassData, paletteProvider, startIndex, count) {
+        var _a, _b, _c, _d, _e, _f;
+        if (((_a = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.pointSeries) === null || _a === void 0 ? void 0 : _a.resampled) &&
+            (renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.resamplingHash) !== this.palettingState.lastResamplingHash) {
+            this.palettingState.lastResamplingHash = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.resamplingHash;
+            this.palettingState.requiresUpdate = true;
+        }
+        if (!((_b = paletteProvider.isRangeIndependant) !== null && _b !== void 0 ? _b : false)) {
+            // Range dependant (the default) so recalculate if start and count have changed
+            if (((_c = this.palettingState.lastStartIndex) !== null && _c !== void 0 ? _c : 0) !== startIndex ||
+                ((_d = this.palettingState.lastCount) !== null && _d !== void 0 ? _d : 0) !== count) {
+                this.palettingState.lastStartIndex = startIndex;
+                this.palettingState.lastCount = count;
+                this.palettingState.requiresUpdate = true;
+                this.palettingState.paletteStartIndex = 0;
+            }
+        }
+        else {
+            if (((_e = this.palettingState.lastStartIndex) !== null && _e !== void 0 ? _e : Number.MAX_SAFE_INTEGER) > startIndex ||
+                ((_f = this.palettingState.lastCount) !== null && _f !== void 0 ? _f : 0) < count ||
+                startIndex + count > this.palettingState.lastStartIndex + this.palettingState.lastCount) {
+                // Range has grown so recalcualte and start from 0
+                this.palettingState.lastStartIndex = startIndex;
+                this.palettingState.lastCount = count;
+                this.palettingState.requiresUpdate = true;
+                this.palettingState.paletteStartIndex = 0;
+            }
+            else {
+                // Range is same or smaller so adjust palette startIndex
+                this.palettingState.paletteStartIndex = startIndex - this.palettingState.lastStartIndex;
+            }
+        }
+        // Default to always update for back compatability
+        if (!paletteProvider.shouldUpdatePalette || paletteProvider.shouldUpdatePalette()) {
+            this.palettingState.requiresUpdate = true;
+        }
+    };
     BaseSeriesDrawingProvider.prototype.overridePaletteProviderColors = function (rs, xValue, yValue, index, opacity, metadata) {
         var stroke;
         var fill;

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

@@ -47,6 +47,7 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     BubbleSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
+        var _a;
         var pointMarker = this.parentSeries.pointMarker;
         if (pointMarker === undefined) {
             return;
@@ -58,10 +59,10 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
         var xValues = pointSeries.xValues;
         var yValues = pointSeries.yValues;
         var zValues = pointSeries.zValues;
-        var _a = this.getStartAndCount(renderPassData, xValues), startIndex = _a.startIndex, count = _a.count;
+        var _b = this.getStartAndCount(renderPassData, xValues), startIndex = _b.startIndex, count = _b.count;
         this.args.count = count;
         this.args.startIndex = startIndex;
-        var _b = this.parentSeries.dataSeries, fifoCapacity = _b.fifoCapacity, fifoSweeping = _b.fifoSweeping, fifoSweepingGap = _b.fifoSweepingGap;
+        var _c = this.parentSeries.dataSeries, fifoCapacity = _c.fifoCapacity, fifoSweeping = _c.fifoSweeping, fifoSweepingGap = _c.fifoSweepingGap;
         var fifoStartIndex = pointSeries.fifoStartIndex;
         if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
             this.args.count = fifoStartIndex;
@@ -72,6 +73,7 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
         // Paletting per point
         _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, undefined, undefined, undefined, this.parentSeries.opacity);
         this.args.SetPalettedColors(this.palettingState.palettedColors);
+        this.args.paletteStart = (_a = this.palettingState.paletteStartIndex) !== null && _a !== void 0 ? _a : 0;
         this.args.zMultiplier = this.parentSeries.zMultiplier * DpiHelper_1.DpiHelper.PIXEL_RATIO;
         var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
         var nativeContext = renderContext.getNativeContext();

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

@@ -94,6 +94,7 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
         // Paletting per point
         _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, linesPen, this.parentSeries.fill, fillBrush, this.parentSeries.opacity, false, this.parentSeries.fillLinearGradient !== undefined);
         this.args.SetPalettedColors(this.palettingState.palettedColors);
+        this.args.paletteStart = this.palettingState.paletteStartIndex * 2;
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
         var xValues = this.xSelector(pointSeries);
         var yValues = this.ySelector(pointSeries);

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

@@ -17,7 +17,6 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineSeriesDrawingProvider = void 0;
 var Deleter_1 = require("../../../../Core/Deleter");
-var SeriesType_1 = require("../../../../types/SeriesType");
 var Pen2DCache_1 = require("../../../Drawing/Pen2DCache");
 var WebGlRenderContext2D_1 = require("../../../Drawing/WebGlRenderContext2D");
 var BaseLineRenderableSeries_1 = require("../BaseLineRenderableSeries");
@@ -61,6 +60,7 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
             propertyName === constants_1.PROPERTY.PALETTE_PROVIDER ||
             propertyName === constants_1.PROPERTY.OPACITY ||
             propertyName === constants_1.PROPERTY.STROKE_DASH_ARRAY) {
+            this.palettingState.requiresUpdate = true;
             var _a = this.getProperties(this.parentSeries), stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity, strokeDashArray = _a.strokeDashArray;
             if (stroke) {
                 (0, Pen2DCache_1.createPenInCache)(this.linesPenCache, stroke, strokeThickness, opacity !== null && opacity !== void 0 ? opacity : 1, strokeDashArray);
@@ -103,7 +103,8 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     LineSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
-        var _a = this.getProperties(this.parentSeries), stroke = _a.stroke, isDigitalLine = _a.isDigitalLine, lineType = _a.lineType, drawNaNAs = _a.drawNaNAs, containsNaNOverride = _a.containsNaN;
+        var _a;
+        var _b = this.getProperties(this.parentSeries), stroke = _b.stroke, isDigitalLine = _b.isDigitalLine, lineType = _b.lineType, drawNaNAs = _b.drawNaNAs, containsNaNOverride = _b.containsNaN;
         var linesPen = (0, Pen2DCache_1.getScrtPenFromCache)(this.linesPenCache);
         if (!linesPen || !stroke) {
             return;
@@ -126,32 +127,37 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
             : this.webAssemblyContext.SCRTLineGapMode.Default;
         this.args.verticalChart = renderPassData.isVerticalChart;
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
-        var _b = this.parentSeries.dataSeries, fifoCapacity = _b.fifoCapacity, fifoSweeping = _b.fifoSweeping, fifoSweepingGap = _b.fifoSweepingGap;
+        var _c = this.parentSeries.dataSeries, fifoCapacity = _c.fifoCapacity, fifoSweeping = _c.fifoSweeping, fifoSweepingGap = _c.fifoSweepingGap;
         var fifoStartIndex = pointSeries.fifoStartIndex;
         var xValues = this.xSelector(pointSeries);
         var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
         var yDrawValues = this.ySelector(pointSeries);
-        var isSplineLineSeries = this.parentSeries.type === SeriesType_1.ESeriesType.SplineLineSeries && xValues.size() > 1;
-        if (isSplineLineSeries) {
-            var spline = this.parentSeries;
-            // If animation is running we animate between two interpolated vectors and do not want to update spline
-            if (!this.parentSeries.isRunningAnimation) {
-                spline.updateSplineValues();
-            }
-            xDrawValues = spline.xSplineValues;
-            yDrawValues = spline.ySplineValues;
-        }
-        var _c = this.getStartAndCount(isSplineLineSeries ? undefined : renderPassData, xDrawValues), startIndex = _c.startIndex, count = _c.count;
+        // const isSplineLineSeries = this.parentSeries.type === ESeriesType.SplineLineSeries && xValues.size() > 1;
+        // if (isSplineLineSeries) {
+        //     const spline = this.parentSeries as any as ISpline;
+        //     // If animation is running we animate between two interpolated vectors and do not want to update spline
+        //     if (!this.parentSeries.isRunningAnimation) {
+        //         spline.updateSplineValues();
+        //     }
+        //     xDrawValues = spline.xSplineValues;
+        //     yDrawValues = spline.ySplineValues;
+        // }
+        var _d = this.getStartAndCount(
+        //isSplineLineSeries ? undefined : renderPassData,
+        renderPassData, xDrawValues), startIndex = _d.startIndex, count = _d.count;
         this.args.count = count;
         this.args.startIndex = startIndex;
+        //logDoubleVector(xDrawValues, "xValues");
+        //logDoubleVector(yDrawValues, "yValues");
         //console.log(renderPassData.indexRange, yDrawValues.size(), this.args.count);
         if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
             this.args.count = fifoStartIndex;
         }
         // Stroke paletting per point
-        this.applyStrokePaletting(linesPen);
+        this.applyStrokePaletting(linesPen, renderPassData);
         if (this.palettingState.palettedColors) {
             this.args.SetPalettedColors(this.palettingState.palettedColors);
+            this.args.paletteStart = (_a = this.palettingState.paletteStartIndex) !== null && _a !== void 0 ? _a : 0;
         }
         var nativeContext = renderContext.getNativeContext();
         this.drawLines(renderContext, nativeContext, xDrawValues, yDrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args, this.parentSeries.parentSurface.seriesViewRect);