scichart 3.2.528 → 3.2.538

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,7 +73,7 @@ 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 (renderPassData.indexRange.diff + 1 < count) {
@@ -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,45 @@ 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;
+            }
+        }
+        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;
@@ -118,7 +119,7 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
         this.args.digitalYX = lineType === BaseLineRenderableSeries_1.ELineType.DigitalYX;
         this.args.forceShaderMethod = true;
         this.args.containsNaN = containsNaN;
-        this.args.forceClamp = true;
+        this.args.forceClamp = !this.args.isDigitalLine;
         this.args.lineGaps = containsNaN
             ? drawNaNAs === WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine
                 ? this.webAssemblyContext.SCRTLineGapMode.DrawGaps
@@ -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);

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

@@ -17,7 +17,6 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MountainSeriesDrawingProvider = 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");
@@ -80,7 +79,7 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
             this.args.SetLinesPen(strokePen);
         }
         // Paletting per point
-        _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, strokePen, this.parentSeries.fill, fillBrush, this.parentSeries.opacity, true, this.parentSeries.fillLinearGradient !== undefined);
+        _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, strokePen, this.parentSeries.fill, fillBrush, this.parentSeries.opacity, true, this.parentSeries.fillLinearGradient !== undefined, renderPassData);
         var paletteTexture = (_a = this.palettingState.paletteTextureCache) === null || _a === void 0 ? void 0 : _a.value;
         if (paletteTexture) {
             this.args.SetPalette(paletteTexture);
@@ -92,16 +91,19 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
         var xValues = pointSeries.xValues;
         var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
         var yDrawValues = pointSeries.yValues;
-        var isSplineMountainSeries = this.parentSeries.type === SeriesType_1.ESeriesType.SplineMountainSeries && xValues.size() > 1;
-        if (isSplineMountainSeries) {
-            var rs = this.parentSeries;
-            if (!this.parentSeries.isRunningAnimation) {
-                rs.updateSplineValues();
-            }
-            xDrawValues = rs.xSplineValues;
-            yDrawValues = rs.ySplineValues;
-        }
-        var _c = this.getStartAndCount(isSplineMountainSeries ? undefined : renderPassData, xDrawValues), startIndex = _c.startIndex, count = _c.count;
+        // const isSplineMountainSeries =
+        //     this.parentSeries.type === ESeriesType.SplineMountainSeries && xValues.size() > 1;
+        // if (isSplineMountainSeries) {
+        //     const rs = this.parentSeries as any as ISpline;
+        //     if (!this.parentSeries.isRunningAnimation) {
+        //         rs.updateSplineValues();
+        //     }
+        //     xDrawValues = rs.xSplineValues;
+        //     yDrawValues = rs.ySplineValues;
+        // }
+        var _c = this.getStartAndCount(
+        //isSplineMountainSeries ? undefined : renderPassData,
+        renderPassData, xDrawValues), startIndex = _c.startIndex, count = _c.count;
         this.args.count = count;
         this.args.startIndex = startIndex;
         if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
@@ -151,6 +153,7 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
         this.createBrush();
     };
     MountainSeriesDrawingProvider.prototype.createBrush = function () {
+        this.palettingState.requiresUpdate = true;
         var _a = this.parentSeries, fill = _a.fill, opacity = _a.opacity, fillLinearGradient = _a.fillLinearGradient, parentSurface = _a.parentSurface;
         var textureHeightRatio = (parentSurface === null || parentSurface === void 0 ? void 0 : parentSurface.isCopyCanvasSurface)
             ? parentSurface.domCanvas2D.height / SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas.height
@@ -162,6 +165,7 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
     };
     MountainSeriesDrawingProvider.prototype.createPen = function () {
         var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity, strokeDashArray = _a.strokeDashArray;
+        this.palettingState.requiresUpdate = true;
         return (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, stroke, strokeThickness, opacity, strokeDashArray);
     };
     return MountainSeriesDrawingProvider;

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

@@ -54,7 +54,7 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     PointMarkerDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
-        var _a;
+        var _a, _b;
         var pointMarker = (_a = this.getProperties(this.parentSeries)) === null || _a === void 0 ? void 0 : _a.pointMarker;
         if (pointMarker === undefined) {
             return;
@@ -75,14 +75,19 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
         var xValues = this.xSelector(pointSeries);
         var yValues = this.ySelector(pointSeries);
-        if (this.parentSeries.isSpline) {
-            var spline = this.parentSeries;
-            if (spline.xSplineValues.size() > 0 && spline.ySplineValues.size() > 0) {
-                this.pointMarkerXYValuesFromSpline(xValues.size(), spline.xSplineValues, this.ySplineValuesSelector(spline), spline.interpolationPoints);
-                xValues = this.xAnimationPointMarkerValues;
-                yValues = this.yAnimationPointMarkerValues;
-            }
-        }
+        // if (this.parentSeries.isSpline) {
+        //     const spline = this.parentSeries as any as ISpline;
+        //     if (spline.xSplineValues.size() > 0 && spline.ySplineValues.size() > 0) {
+        //         this.pointMarkerXYValuesFromSpline(
+        //             xValues.size(),
+        //             spline.xSplineValues,
+        //             this.ySplineValuesSelector(spline),
+        //             spline.interpolationPoints
+        //         );
+        //         xValues = this.xAnimationPointMarkerValues;
+        //         yValues = this.yAnimationPointMarkerValues;
+        //     }
+        // }
         this.args.Reset();
         this.args.verticalChart = renderPassData.isVerticalChart;
         this.args.forceShaderMethod = true;
@@ -90,7 +95,7 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
         if (strokeMaskTexture) {
             this.args.SetStrokeMask(strokeMaskTexture.getTexture());
         }
-        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 (pointMarker.lastPointOnly && yValues.size() > 0) {
             this.args.count = 1;
@@ -100,7 +105,7 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
                     : yValues.size() - 1;
         }
         else {
-            var _c = this.getStartAndCount(renderPassData, xValues), startIndex = _c.startIndex, count = _c.count;
+            var _d = this.getStartAndCount(renderPassData, xValues), startIndex = _d.startIndex, count = _d.count;
             this.args.count = count;
             this.args.startIndex = startIndex;
             if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
@@ -110,6 +115,7 @@ var PointMarkerDrawingProvider = /** @class */ (function (_super) {
         // Paletting per point
         this.applyStrokeFillPaletting(pointMarker.stroke, undefined, pointMarker.fill, undefined, this.parentSeries.opacity);
         this.args.SetPalettedColors(this.palettingState.palettedColors);
+        this.args.paletteStart = (_b = this.palettingState.paletteStartIndex) !== null && _b !== void 0 ? _b : 0;
         var nativeContext = renderContext.getNativeContext();
         this.drawPoints(nativeContext, isCategoryAxis ? pointSeries.indexes : xValues, yValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args, this.parentSeries.parentSurface.seriesViewRect);
         if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count() && !pointMarker.lastPointOnly) {

package/Charting/Visuals/RenderableSeries/FastErrorBarsRenderableSeries.js

@@ -286,7 +286,7 @@ var FastErrorBarsRenderableSeries = /** @class */ (function (_super) {
         var dataSeriesValueType = this.isRunningDataAnimation
             ? IDataSeries_1.EDataSeriesValueType.FinalAnimationValues
             : IDataSeries_1.EDataSeriesValueType.Default;
-        var range = this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis, dataSeriesValueType, isHorizontalDirection, hasHighCap, hasLowCap);
+        var range = this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis, dataSeriesValueType, this.yRangeMode, isHorizontalDirection, hasHighCap, hasLowCap);
         // Not sure how to adjust this sensibly without having the dataPointWidth in pixels.  Not sure if we can reliably get a valid coordCacluator
         if (this.yAxis.type === AxisType_1.EAxisType.LogarithmicAxis)
             return range;

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

@@ -62,6 +62,84 @@ var OhlcSeriesHitTestProvider = /** @class */ (function (_super) {
         }
         return hitTestInfo;
     };
+    // Alternate method that deals slighty better with unsorted data where multiple candles share an x value, but fails for large candles.
+    // See the new Editable Event Markers demo for yet another method which does better still, for a slightly special case
+    // public hitTest(x: number, y: number, hitTestRadius: number = 0): HitTestInfo {
+    //     const hitTestPoint = this.getTranslatedHitTestPoint(x, y);
+    //     if (!hitTestPoint) {
+    //         return HitTestInfo.empty();
+    //     }
+    //     const { xCoordinateCalculator, yCoordinateCalculator, isVerticalChart } = this.currentRenderPassData;
+    //     const xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
+    //     const yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
+    //     const renderableSeries = this.parentSeries as BaseOhlcRenderableSeries;
+    //     const dataSeries = this.parentSeries.dataSeries as OhlcDataSeries;
+    //     if (!dataSeries) {
+    //         return HitTestInfo.empty();
+    //     }
+    //     const isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
+    //     const xValues = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
+    //     const isSorted = dataSeries.dataDistributionCalculator.isSortedAscending;
+    //     const nearestClose = hitTestHelpers.getNearestPoint(
+    //         this.webAssemblyContext,
+    //         xCoordinateCalculator,
+    //         yCoordinateCalculator,
+    //         xValues,
+    //         dataSeries.getNativeCloseValues(),
+    //         isSorted,
+    //         xHitCoord,
+    //         yHitCoord,
+    //         hitTestRadius
+    //     );
+    //     const nearestOpen = hitTestHelpers.getNearestPoint(
+    //         this.webAssemblyContext,
+    //         xCoordinateCalculator,
+    //         yCoordinateCalculator,
+    //         xValues,
+    //         dataSeries.getNativeOpenValues(),
+    //         isSorted,
+    //         xHitCoord,
+    //         yHitCoord,
+    //         hitTestRadius
+    //     );
+    //     const nearestPoint = nearestClose.distance < nearestOpen.distance ? nearestClose :  nearestOpen;
+    //     const xNativeValues = dataSeries.getNativeXValues();
+    //     const yNativeValues = dataSeries.getNativeYValues();
+    //     const hitTestInfo = hitTestHelpers.createHitTestInfo(
+    //         this.parentSeries,
+    //         xCoordinateCalculator,
+    //         yCoordinateCalculator,
+    //         isVerticalChart,
+    //         dataSeries,
+    //         xNativeValues,
+    //         yNativeValues,
+    //         xHitCoord,
+    //         yHitCoord,
+    //         nearestPoint.nearestPointIndex,
+    //         hitTestRadius,
+    //         nearestPoint.distance
+    //     );
+    //     if (nearestPoint.nearestPointIndex >= 0) {
+    //         const res = hitTestHelpers.testIsHitForOHLC(
+    //             xCoordinateCalculator,
+    //             yCoordinateCalculator,
+    //             renderableSeries,
+    //             dataSeries,
+    //             nearestPoint.nearestPointIndex,
+    //             xHitCoord,
+    //             yHitCoord,
+    //             hitTestRadius
+    //         );
+    //         hitTestInfo.isHit = res.isHit;
+    //         hitTestInfo.openValue = res.openValue;
+    //         hitTestInfo.highValue = res.highValue;
+    //         hitTestInfo.lowValue = res.lowValue;
+    //         hitTestInfo.closeValue = res.closeValue;
+    //     } else {
+    //         hitTestInfo.isHit = false;
+    //     }
+    //     return hitTestInfo;
+    // }
     /**
      * @inheritDoc
      */

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

@@ -15,6 +15,10 @@ import { IRenderableSeries } from "../IRenderableSeries";
 import { HitTestInfo } from "./HitTestInfo";
 export declare const hitTestHelpers: {
     createHitTestInfo: (renderableSeries: IRenderableSeries, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, isVerticalChart: boolean, dataSeries: BaseDataSeries, xNativeValues: SCRTDoubleVector, yNativeValues: SCRTDoubleVector, xHitCoord: number, yHitCoord: number, nearestPointIndex: number, hitTestRadius: number, distance?: number) => HitTestInfo;
+    getNearestPoint: (webassemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, xValues: SCRTDoubleVector, yValues: SCRTDoubleVector, isSorted: boolean, xHitCoord: number, yHitCoord: number, hitTestRadius: number) => {
+        nearestPointIndex: number;
+        distance: number;
+    };
     getNearestXPoint: (webAssemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, dataSeries: IDataSeries, xHitCoord: number, isSorted: boolean) => number;
     getNearestXyPoint: (webassemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, dataSeries: IDataSeries, xHitCoord: number, yHitCoord: number, hitTestRadius: number) => {
         nearestPointIndex: number;

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

@@ -56,6 +56,7 @@ var createHitTestInfo = function (renderableSeries, xCoordinateCalculator, yCoor
         hitTestInfo.yValue = yValue;
         var xFirstValue = isCategoryAxis ? 0 : xNativeValues.get(0);
         var xLastValue = isCategoryAxis ? xNativeValues.size() - 1 : xNativeValues.get(xNativeValues.size() - 1);
+        // TODO - do this once when data changes
         if (!dataSeries.dataDistributionCalculator.isSortedAscending) {
             for (var i = 0; i < dataSeries.count(); i++) {
                 if (xNativeValues.get(i) < xFirstValue) {
@@ -83,9 +84,12 @@ var getNearestXyPoint = function (webassemblyContext, xCoordinateCalculator, yCo
     var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
     var dataX = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
     var dataY = dataSeries.getNativeYValues();
+    return getNearestPoint(webassemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataX, dataY, dataSeries.dataDistributionCalculator.isSortedAscending, xHitCoord, yHitCoord, hitTestRadius);
+};
+var getNearestPoint = function (webassemblyContext, xCoordinateCalculator, yCoordinateCalculator, xValues, yValues, isSorted, xHitCoord, yHitCoord, hitTestRadius) {
     var result;
     try {
-        result = webassemblyContext.SCRTHitTestHelper.GetNearestXyPoint(xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, dataX, dataY, dataSeries.dataDistributionCalculator.isSortedAscending, xHitCoord, yHitCoord, hitTestRadius !== null && hitTestRadius !== void 0 ? hitTestRadius : 1 // Default to 1 here so unsorted data will get nearest by x and y
+        result = webassemblyContext.SCRTHitTestHelper.GetNearestXyPoint(xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, xValues, yValues, isSorted, xHitCoord, yHitCoord, hitTestRadius !== null && hitTestRadius !== void 0 ? hitTestRadius : 1 // Default to 1 here so unsorted data will get nearest by x and y
         );
         return { nearestPointIndex: result.minD, distance: result.maxD };
     }
@@ -396,6 +400,7 @@ var testIsHitForMountain = function (isDigitalLine, xCoordinateCalculator, yCoor
 };
 exports.hitTestHelpers = {
     createHitTestInfo: createHitTestInfo,
+    getNearestPoint: getNearestPoint,
     getNearestXPoint: getNearestXPoint,
     getNearestXyPoint: getNearestXyPoint,
     getNearestXyyPoint: getNearestXyyPoint,

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

@@ -8,6 +8,7 @@ import { SeriesAnimation } from "./Animations/SeriesAnimation";
 import { IRenderableSeries } from "./IRenderableSeries";
 import { ShaderEffect } from "./ShaderEffect";
 import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
+import { EYRangeMode } from "../../../types/YRangeMode";
 /**
  * The type of the {@link IBaseRenderableSeriesOptions.onIsVisibleChanged } callback
  */
@@ -185,4 +186,6 @@ export interface IBaseRenderableSeriesOptions {
      * This is only really relevant if you are using Stacked Y Axes and do not want the series to be drawn outside that axis range
      */
     clipToYRange?: 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;
 }