scichart 3.1.348 → 3.2.0-beta

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

@@ -37,6 +37,7 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
      */
     function BandSeriesDrawingProvider(webAssemblyContext, parentSeries, ySelector, y1Selector) {
         var _this = _super.call(this, webAssemblyContext, parentSeries, ySelector) || this;
+        _this.args = new _this.webAssemblyContext.SCRTBandDrawingParams();
         _this.y1Selector = y1Selector !== null && y1Selector !== void 0 ? y1Selector : (function (ps) { return ps.y1Values; });
         _this.linesPenCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.strokePenY1Cache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
@@ -68,6 +69,7 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
      */
     BandSeriesDrawingProvider.prototype.delete = function () {
         this.nativeDrawingProvider = (0, Deleter_1.deleteSafe)(this.nativeDrawingProvider);
+        this.args = (0, Deleter_1.deleteSafe)(this.args);
         this.linesPenCache = (0, Deleter_1.deleteSafe)(this.linesPenCache);
         this.fillBrushCache = (0, Deleter_1.deleteSafe)(this.fillBrushCache);
         this.strokePenY1Cache = (0, Deleter_1.deleteSafe)(this.strokePenY1Cache);
@@ -78,36 +80,38 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     BandSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
-        var _a;
+        var _a, _b;
         var pointSeries = renderPassData.pointSeries;
         var containsNaN = this.parentSeries.dataSeries.dataDistributionCalculator.containsNaN;
-        var args = new this.webAssemblyContext.SCRTBandDrawingParams();
-        args.forceShaderMethod = true;
-        args.verticalChart = renderPassData.isVerticalChart;
-        args.lineGaps = containsNaN
+        this.args.Reset();
+        this.args.forceShaderMethod = true;
+        this.args.verticalChart = renderPassData.isVerticalChart;
+        this.args.lineGaps = containsNaN
             ? this.parentSeries.drawNaNAs === WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine
                 ? this.webAssemblyContext.SCRTLineGapMode.DrawGaps
                 : this.webAssemblyContext.SCRTLineGapMode.CloseGaps
             : this.webAssemblyContext.SCRTLineGapMode.Default;
-        args.isDigitalLine = this.parentSeries.isDigitalLine;
+        this.args.isDigitalLine = this.parentSeries.isDigitalLine;
         var fillBrush = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
         if (fillBrush) {
-            args.SetFillBrush(fillBrush);
+            this.args.SetFillBrush(fillBrush);
         }
         var linesPen = (0, Pen2DCache_1.getScrtPenFromCache)(this.linesPenCache);
         if (linesPen) {
-            args.SetLinesPen(linesPen);
+            this.args.SetLinesPen(linesPen);
         }
         var fillBrushY1 = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushY1Cache);
         if (fillBrushY1) {
-            args.SetFillBrush1(fillBrushY1);
+            this.args.SetFillBrush1(fillBrushY1);
         }
         var strokePenY1 = (0, Pen2DCache_1.getScrtPenFromCache)(this.strokePenY1Cache);
         if (strokePenY1) {
-            args.SetLinesPen1(strokePenY1);
+            this.args.SetLinesPen1(strokePenY1);
         }
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
         var xValues = pointSeries.xValues;
+        var _c = this.parentSeries.dataSeries, fifoCapacity = _c.fifoCapacity, fifoSweeping = _c.fifoSweeping, fifoSweepingGap = _c.fifoSweepingGap;
+        var fifoStartIndex = pointSeries.fifoStartIndex;
         var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
         var yDrawValues = this.ySelector(pointSeries);
         var y1DrawValues = this.y1Selector(pointSeries);
@@ -121,17 +125,32 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
             yDrawValues = splineBandSeries.ySplineValues;
             y1DrawValues = splineBandSeries.y1SplineValues;
         }
-        args.count = yDrawValues.size();
+        if (!isSplineBandSeries && !pointSeries.resampled && ((_a = renderPassData.indexRange) === null || _a === void 0 ? void 0 : _a.diff) > 0) {
+            this.args.count = Math.min(renderPassData.indexRange.diff + 1, yDrawValues.size());
+            this.args.startIndex = renderPassData.indexRange.min;
+        }
+        else {
+            this.args.count = yDrawValues.size();
+        }
+        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);
-        var paletteTexture = (_a = this.palettingState.paletteTextureCache) === null || _a === void 0 ? void 0 : _a.value;
+        var paletteTexture = (_b = this.palettingState.paletteTextureCache) === null || _b === void 0 ? void 0 : _b.value;
         if (paletteTexture) {
-            args.SetPalette(paletteTexture);
+            this.args.SetPalette(paletteTexture);
         }
-        args.isSmoothColors = this.palettingState.gradientPaletting;
+        this.args.isSmoothColors = this.palettingState.gradientPaletting;
         var nativeContext = renderContext.getNativeContext();
-        this.nativeDrawingProvider.DrawPointsVec(nativeContext, xDrawValues, yDrawValues, y1DrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args);
-        args.delete();
+        this.nativeDrawingProvider.DrawPointsVec(nativeContext, xDrawValues, yDrawValues, y1DrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args);
+        if (fifoCapacity > 0 && fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
+            this.args.startIndex = Math.min(yDrawValues.size(), fifoStartIndex + fifoSweepingGap);
+            this.args.count = Math.max(0, yDrawValues.size() - fifoStartIndex - fifoSweepingGap);
+            if (this.args.count > 0) {
+                this.nativeDrawingProvider.DrawPointsVec(nativeContext, xDrawValues, yDrawValues, y1DrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args);
+            }
+        }
     };
     /**
      * @inheritDoc

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

@@ -1,3 +1,4 @@
+import { DeletableEntity } from "../../../../Core/DeletableEntity";
 import { IDeletable } from "../../../../Core/IDeletable";
 import { SCRTBrush, SCRTDoubleVector, TSciChart, UIntVector } from "../../../../types/TSciChart";
 import { PaletteCache } from "../../../Drawing/PaletteCache";
@@ -35,7 +36,7 @@ export declare type TPalettingState = {
  * Used internally - a drawing provider performs drawing for a specific chart-type or series using
  * our WebAssembly WebGL rendering engine
  */
-export declare abstract class BaseSeriesDrawingProvider<T extends IRenderableSeries> implements ISeriesDrawingProvider {
+export declare abstract class BaseSeriesDrawingProvider<T extends IRenderableSeries> extends DeletableEntity implements ISeriesDrawingProvider {
     /**
      * The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
      * access to our WebGL2 Engine and WebAssembly numerical methods

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

@@ -1,6 +1,22 @@
 "use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseSeriesDrawingProvider = void 0;
+var DeletableEntity_1 = require("../../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../../Core/Deleter");
 var Guard_1 = require("../../../../Core/Guard");
 var colorUtil_1 = require("../../../../utils/colorUtil");
@@ -14,7 +30,8 @@ var constants_1 = require("../constants");
  * Used internally - a drawing provider performs drawing for a specific chart-type or series using
  * our WebAssembly WebGL rendering engine
  */
-var BaseSeriesDrawingProvider = /** @class */ (function () {
+var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
+    __extends(BaseSeriesDrawingProvider, _super);
     /**
      * Creates an instance of the {@link BaseSeriesDrawingProvider}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
@@ -22,22 +39,25 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
      * @param parentSeries the parent {@link IRenderableSeries | Renderable Series} which this drawing provider is attached to
      */
     function BaseSeriesDrawingProvider(webAssemblyContext, parentSeries, ySelector, xSelector) {
+        var _this = this;
         var _a;
+        _this = _super.call(this) || this;
         Guard_1.Guard.notNull(webAssemblyContext, "webAssemblyContext");
         Guard_1.Guard.notNull(parentSeries, "parentSeries");
-        this.webAssemblyContext = webAssemblyContext;
-        this.parentSeries = parentSeries;
-        this.ySelector = ySelector !== null && ySelector !== void 0 ? ySelector : (function (ps) { return ps.yValues; });
-        this.xSelector = xSelector !== null && xSelector !== void 0 ? xSelector : (function (ps) { return ps.xValues; });
-        this.palettingState = {
+        _this.webAssemblyContext = webAssemblyContext;
+        _this.parentSeries = parentSeries;
+        _this.ySelector = ySelector !== null && ySelector !== void 0 ? ySelector : (function (ps) { return ps.yValues; });
+        _this.xSelector = xSelector !== null && xSelector !== void 0 ? xSelector : (function (ps) { return ps.xValues; });
+        _this.palettingState = {
             palettedColors: undefined,
             palettedColorsHashCode: 0,
             gradientPaletting: false,
             paletteTextureCache: new PaletteCache_1.PaletteCache(webAssemblyContext)
         };
-        this.seriesHasDataChanges = this.seriesHasDataChanges.bind(this);
-        this.parentDataSeries = this.parentSeries.dataSeries;
-        (_a = this.parentDataSeries) === null || _a === void 0 ? void 0 : _a.dataChanged.subscribe(this.seriesHasDataChanges);
+        _this.seriesHasDataChanges = _this.seriesHasDataChanges.bind(_this);
+        _this.parentDataSeries = _this.parentSeries.dataSeries;
+        (_a = _this.parentDataSeries) === null || _a === void 0 ? void 0 : _a.dataChanged.subscribe(_this.seriesHasDataChanges);
+        return _this;
     }
     /**
      * Helper function to apply color-paletting to a {@link UIntVector} - where each element in the vector
@@ -46,7 +66,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
      * @returns the new {@link UIntVector} with ARGB colors
      */
     BaseSeriesDrawingProvider.prototype.applyStrokePaletting = function (strokePen) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (this.parentSeries.hasStrokePaletteProvider()) {
             var strokeColorArgb = (0, colorUtil_1.uintArgbColorMultiplyOpacity)((0, parseColor_1.parseColorToUIntArgb)(this.parentSeries.stroke), this.parentSeries.opacity);
             if (isNaN(strokeColorArgb)) {
@@ -58,21 +78,26 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
             var dataSeries = this.parentSeries.dataSeries;
             var renderPassData = this.parentSeries.getCurrentRenderPassData();
             var pointSeries = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.pointSeries;
-            var xValues = (_a = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.xValues) !== null && _a !== void 0 ? _a : dataSeries.getNativeXValues();
-            var yValues = (_b = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.yValues) !== null && _b !== void 0 ? _b : dataSeries.getNativeYValues();
-            var dataSize = pointSeries ? pointSeries.indexes.size() : xValues.size();
-            if (!this.palettingState.palettedColors ||
-                this.palettingState.palettedColors.size() !== dataSeries.count()) {
-                (0, Deleter_1.deleteSafe)(this.palettingState.palettedColors);
+            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 drawCount = pointSeries ? pointSeries.indexes.size() : xValues.size();
+            var indexStart = 0;
+            if (!(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) {
+                drawCount = renderPassData.indexRange.diff + 1;
+                indexStart = renderPassData.indexRange.min;
+            }
+            if (!this.palettingState.palettedColors) {
                 this.palettingState.palettedColors = new this.webAssemblyContext.UIntVector();
-                this.palettingState.palettedColors.reserve(dataSeries.count());
             }
+            this.palettingState.palettedColors.clear();
+            this.palettingState.palettedColors.reserve(drawCount);
             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;
-            for (var index = 0; index < dataSize; index++) {
+            for (var index = indexStart; index < indexStart + drawCount; index++) {
                 var originalDataIndex = pointSeries ? pointSeries.indexes.get(index) : index;
-                var overrideColor = strokePaletteProvider.overrideStrokeArgb(xValues.get(index), yValues.get(index), index, this.parentSeries.opacity, dataSeries.getMetadataAt(originalDataIndex));
+                var overrideColor = strokePaletteProvider.overrideStrokeArgb(xValues.get(index), yValues.get(index), originalDataIndex, this.parentSeries.opacity, dataSeries.getMetadataAt(originalDataIndex));
                 this.parentSeries.pushPalettedColors(overrideColor ? overrideColor : strokeColorArgb, this.palettingState);
             }
         }
@@ -81,7 +106,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
                 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) {
@@ -89,7 +114,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
         }
     };
     BaseSeriesDrawingProvider.prototype.applyStrokeFillPaletting = function (stroke, strokePen, fill, fillBrush, opacity, usePalette, resetPenBrushColors) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         if (usePalette === void 0) { usePalette = false; }
         if (resetPenBrushColors === void 0) { resetPenBrushColors = true; }
         var hasStrokePaletteProvider = this.parentSeries.hasStrokePaletteProvider();
@@ -123,14 +148,18 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
             var pointSeries = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.pointSeries;
             var xValues = (_a = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.xValues) !== null && _a !== void 0 ? _a : dataSeries.getNativeXValues();
             var yValues = (_b = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.yValues) !== null && _b !== void 0 ? _b : dataSeries.getNativeYValues();
-            var dataSize = pointSeries ? pointSeries.indexes.size() : xValues.size();
-            // Recreate palettedColors if the size changed
-            if (!this.palettingState.palettedColors || this.palettingState.palettedColors.size() !== dataSize) {
-                (0, Deleter_1.deleteSafe)(this.palettingState.palettedColors);
+            var drawCount = pointSeries ? pointSeries.indexes.size() : xValues.size();
+            var indexStart = 0;
+            if (!(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) {
+                drawCount = renderPassData.indexRange.diff + 1;
+                indexStart = renderPassData.indexRange.min;
+            }
+            if (!this.palettingState.palettedColors) {
                 this.palettingState.palettedColors = new this.webAssemblyContext.UIntVector();
-                this.palettingState.palettedColors.reserve(dataSize * 2);
-                this.palettingState.paletteTextureCache.reset();
             }
+            this.palettingState.paletteTextureCache.reset();
+            this.palettingState.palettedColors.clear();
+            this.palettingState.palettedColors.reserve(drawCount * 2);
             // Commented this code out, because I don't know what this code does
             if (resetPenBrushColors) {
                 if (strokePen) {
@@ -154,13 +183,13 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
             }
             // Override stroke and fill colors
             var hashCode = 0;
-            for (var index = 0; index < dataSize; index++) {
+            for (var index = indexStart; index < indexStart + drawCount; index++) {
                 var originalDataIndex = pointSeries ? pointSeries.indexes.get(index) : index;
                 var xValue = xValues.get(index);
                 var yValue = yValues.get(index);
-                var overriddenColors = this.overridePaletteProviderColors(this.parentSeries, xValue, yValue, index, 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 overriddenColors = this.overridePaletteProviderColors(this.parentSeries, xValue, yValue, originalDataIndex, opacity, dataSeries.getMetadataAt(originalDataIndex));
+                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);
@@ -177,7 +206,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
         }
         else {
             this.palettingState.paletteTextureCache.reset();
-            (_e = this.palettingState.palettedColors) === null || _e === void 0 ? void 0 : _e.clear();
+            (_f = this.palettingState.palettedColors) === null || _f === void 0 ? void 0 : _f.clear();
             // This was needed for resetPenBrushColors, therefore commented out as well
             if (strokePen) {
                 if (this.palettingState.originalPenColor) {
@@ -271,5 +300,5 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
         return false;
     };
     return BaseSeriesDrawingProvider;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.BaseSeriesDrawingProvider = BaseSeriesDrawingProvider;

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

@@ -11,6 +11,7 @@ import { BaseSeriesDrawingProvider } from "./BaseSeriesDrawingProvider";
  */
 export declare class BubbleSeriesDrawingProvider extends BaseSeriesDrawingProvider<FastBubbleRenderableSeries> {
     private nativeDrawingProvider;
+    private args;
     /**
      * Creates an instance of the {@link BubbleSeriesDrawingProvider}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and

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

@@ -34,6 +34,7 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
     function BubbleSeriesDrawingProvider(webAssemblyContext, parentSeries) {
         var _this = _super.call(this, webAssemblyContext, parentSeries) || this;
         _this.nativeDrawingProvider = new _this.webAssemblyContext.SCRTBubbleSeriesDrawingProvider();
+        _this.args = new _this.webAssemblyContext.SCRTPointDrawingParams();
         return _this;
     }
     /**
@@ -46,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;
@@ -53,27 +55,46 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
         var spriteTexture = pointMarker.getSprite();
         var pointSeries = renderPassData.pointSeries;
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
-        var args = new this.webAssemblyContext.SCRTPointDrawingParams();
+        this.args.Reset();
         var xValues = pointSeries.xValues;
         var yValues = pointSeries.yValues;
         var zValues = pointSeries.zValues;
-        args.count = yValues.size();
-        args.verticalChart = renderPassData.isVerticalChart;
-        args.forceShaderMethod = true;
-        args.SetSpriteTexture(spriteTexture.getTexture());
+        if (!pointSeries.resampled && ((_a = renderPassData.indexRange) === null || _a === void 0 ? void 0 : _a.diff) > 0) {
+            this.args.count = Math.min(renderPassData.indexRange.diff + 1, yValues.size());
+            this.args.startIndex = renderPassData.indexRange.min;
+        }
+        else {
+            this.args.count = yValues.size();
+        }
+        var _b = this.parentSeries.dataSeries, fifoCapacity = _b.fifoCapacity, fifoSweeping = _b.fifoSweeping, fifoSweepingGap = _b.fifoSweepingGap;
+        var fifoStartIndex = pointSeries.fifoStartIndex;
+        if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
+            this.args.count = fifoStartIndex;
+        }
+        this.args.verticalChart = renderPassData.isVerticalChart;
+        this.args.forceShaderMethod = true;
+        this.args.SetSpriteTexture(spriteTexture.getTexture());
         // Paletting per point
         _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, undefined, undefined, undefined, this.parentSeries.opacity);
-        args.SetPalettedColors(this.palettingState.palettedColors);
-        args.zMultiplier = this.parentSeries.zMultiplier * DpiHelper_1.DpiHelper.PIXEL_RATIO;
+        this.args.SetPalettedColors(this.palettingState.palettedColors);
+        this.args.zMultiplier = this.parentSeries.zMultiplier * DpiHelper_1.DpiHelper.PIXEL_RATIO;
+        var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
         var nativeContext = renderContext.getNativeContext();
-        this.drawPoints(nativeContext, isCategoryAxis ? pointSeries.indexes : xValues, yValues, zValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args, this.parentSeries.parentSurface.seriesViewRect);
-        args.delete();
+        this.drawPoints(nativeContext, xDrawValues, yValues, zValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args, this.parentSeries.parentSurface.seriesViewRect);
+        if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
+            this.args.startIndex = Math.min(yValues.size(), fifoStartIndex + fifoSweepingGap);
+            this.args.count = Math.max(0, yValues.size() - fifoStartIndex - fifoSweepingGap);
+            if (this.args.count > 0) {
+                this.drawPoints(nativeContext, xDrawValues, yValues, zValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args, this.parentSeries.parentSurface.seriesViewRect);
+            }
+        }
     };
     /**
      * @inheritDoc
      */
     BubbleSeriesDrawingProvider.prototype.delete = function () {
         this.nativeDrawingProvider = (0, Deleter_1.deleteSafe)(this.nativeDrawingProvider);
+        this.args = (0, Deleter_1.deleteSafe)(this.args);
         _super.prototype.delete.call(this);
     };
     BubbleSeriesDrawingProvider.prototype.overridePaletteProviderColors = function (rs, xValue, yValue, index, opacity, metadata) {

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

@@ -13,6 +13,7 @@ export declare class ColumnSeriesDrawingProvider extends BaseSeriesDrawingProvid
     private strokePenCache;
     private strokePenFillColoredCache;
     private fillBrushCache;
+    private args;
     /**
      * Creates an instance of the {@link ColumnSeriesDrawingProvider}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and

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

@@ -37,6 +37,7 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
     function ColumnSeriesDrawingProvider(webAssemblyContext, parentSeries) {
         var _this = _super.call(this, webAssemblyContext, parentSeries) || this;
         _this.nativeDrawingProvider = new webAssemblyContext.SCRTColumnSeriesDrawingProvider();
+        _this.args = new _this.webAssemblyContext.SCRTColumnDrawingParams();
         _this.strokePenCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.strokePenFillColoredCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.fillBrushCache = new BrushCache_1.BrushCache(webAssemblyContext);
@@ -54,6 +55,7 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
      */
     ColumnSeriesDrawingProvider.prototype.delete = function () {
         this.nativeDrawingProvider = (0, Deleter_1.deleteSafe)(this.nativeDrawingProvider);
+        this.args = (0, Deleter_1.deleteSafe)(this.args);
         this.strokePenCache = (0, Deleter_1.deleteSafe)(this.strokePenCache);
         this.strokePenFillColoredCache = (0, Deleter_1.deleteSafe)(this.strokePenFillColoredCache);
         this.fillBrushCache = (0, Deleter_1.deleteSafe)(this.fillBrushCache);
@@ -63,42 +65,61 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     ColumnSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
+        var _a;
         var pointSeries = renderPassData.pointSeries;
         var viewRect = this.parentSeries.parentSurface.seriesViewRect;
         var strokeThickness = this.parentSeries.strokeThickness;
-        var args = new this.webAssemblyContext.SCRTColumnDrawingParams();
-        args.forceShaderMethod = true;
-        args.verticalChart = renderPassData.isVerticalChart;
-        args.zeroLineY = this.parentSeries.zeroLineY;
-        args.columnWidth = this.parentSeries.getDataPointWidth(renderPassData.xCoordinateCalculator, this.parentSeries.dataPointWidth);
-        args.bottomRadius = this.parentSeries.cornerRadius;
+        this.args.Reset();
+        this.args.forceShaderMethod = true;
+        this.args.verticalChart = renderPassData.isVerticalChart;
+        this.args.zeroLineY = this.parentSeries.zeroLineY;
+        this.args.columnWidth = this.parentSeries.getDataPointWidth(renderPassData.xCoordinateCalculator, this.parentSeries.dataPointWidth);
+        this.args.bottomRadius = this.parentSeries.cornerRadius;
         var strokePenCache = this.strokePenCache;
         // ISSUE: If the strokeThickness property is not provided,
         // the fill will be disappeared with large zoom (when the column width will be small or zero)
-        if (args.columnWidth === 1 && strokeThickness === 0) {
-            args.columnWidth = 0;
+        if (this.args.columnWidth === 1 && strokeThickness === 0) {
+            this.args.columnWidth = 0;
             strokePenCache = this.strokePenFillColoredCache;
         }
         var linesPen = (0, Pen2DCache_1.getScrtPenFromCache)(strokePenCache);
         if (linesPen) {
-            args.SetLinesPen(linesPen);
+            this.args.SetLinesPen(linesPen);
         }
         var fillBrush = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
         if (fillBrush) {
-            args.SetFillBrush(fillBrush);
+            this.args.SetFillBrush(fillBrush);
         }
-        args.viewportWidth = viewRect.width;
-        args.viewportHeight = viewRect.height;
+        this.args.viewportWidth = viewRect.width;
+        this.args.viewportHeight = viewRect.height;
         // Paletting per point
         _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, linesPen, this.parentSeries.fill, fillBrush, this.parentSeries.opacity, false, this.parentSeries.fillLinearGradient !== undefined);
-        args.SetPalettedColors(this.palettingState.palettedColors);
+        this.args.SetPalettedColors(this.palettingState.palettedColors);
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
         var xValues = pointSeries.xValues;
         var yValues = pointSeries.yValues;
-        args.count = yValues.size();
+        var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
+        if (!pointSeries.resampled && ((_a = renderPassData.indexRange) === null || _a === void 0 ? void 0 : _a.diff) > 0) {
+            this.args.count = Math.min(renderPassData.indexRange.diff + 1, yValues.size());
+            this.args.startIndex = renderPassData.indexRange.min;
+        }
+        else {
+            this.args.count = yValues.size();
+        }
+        var _b = this.parentSeries.dataSeries, fifoCapacity = _b.fifoCapacity, fifoSweeping = _b.fifoSweeping, fifoSweepingGap = _b.fifoSweepingGap;
+        var fifoStartIndex = pointSeries.fifoStartIndex;
+        if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
+            this.args.count = fifoStartIndex;
+        }
         var nativeContext = renderContext.getNativeContext();
-        this.nativeDrawingProvider.DrawPointsVec(nativeContext, isCategoryAxis ? pointSeries.indexes : xValues, yValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args);
-        args.delete();
+        this.nativeDrawingProvider.DrawPointsVec(nativeContext, xDrawValues, yValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args);
+        if (fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
+            this.args.startIndex = Math.min(yValues.size(), fifoStartIndex + fifoSweepingGap);
+            this.args.count = Math.max(0, yValues.size() - fifoStartIndex - fifoSweepingGap);
+            if (this.args.count > 0) {
+                this.nativeDrawingProvider.DrawPointsVec(nativeContext, xDrawValues, yValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args);
+            }
+        }
     };
     /**
      * @inheritDoc

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

@@ -0,0 +1,47 @@
+import { Rect } from "../../../../Core/Rect";
+import { TGradientStop } from "../../../../types/TGradientStop";
+import { TSciChart, UIntVector } from "../../../../types/TSciChart";
+import { TextureCache } from "../../../Drawing/TextureCache";
+export interface IGetColorDataParams {
+    xStartInd: number;
+    textureWidth: number;
+    xInc: number;
+    yStartInd: number;
+    textureHeight: number;
+    yInc: number;
+    zValues: number[][];
+    webAssemblyContext: TSciChart;
+    colorMap: number[];
+    opacity: number;
+    horCellCount: number;
+    vertCellCount: number;
+    horCellOffsets: number[];
+    vertCellOffsets: number[];
+    colorMin: number;
+    colorMax: number;
+    arrayWidth: number;
+    arrayHeight: number;
+    fillValuesOutOfRange: boolean;
+    useInterpolation: boolean;
+}
+export declare const getColorDataForTexture: (params: IGetColorDataParams, _colorData: UIntVector, precision: number) => UIntVector;
+export declare const getColor: (yIndex: number, xIndex: number, colorPalette: number[], opacity: number, zValues: number[][], webAssemblyContext: TSciChart, colorMin: number, colorMax: number, arrayWidth: number, arrayHeight: number, fillValuesOutOfRange: boolean, precision: number) => number;
+/** @ignore */
+export declare const getCellColor: (value: number, _colorMap: number[], colorMin: number, colorMax: number, fillValuesOutOfRange: boolean, webAssemblyContext: TSciChart, precision: number) => number;
+export declare const createColorMap: (originalGradientStops: TGradientStop[], precision: number) => any[];
+export declare const calculateOffsets: (heatmapRect: Rect, isVerticalChart: boolean, xCellSizes: number[], yCellSizes: number[], horStartInd: number, horCellCount: number, horInc: number, vertStartInd: number, vertCellCount: number, vertInc: number, seriesViewRect: Rect) => {
+    horCellOffsets: any[];
+    vertCellOffsets: any[];
+};
+/**
+ * Calculates absolute coordinates of the heatmap cells
+ * @param inputArr relative cell sizes
+ * @param dimension texture size
+ * @param startInd
+ * @param count
+ * @param inc
+ * @param offset
+ * @returns
+ */
+export declare const calculateCellCoordinates: (inputArr: number[], dimension: number, startInd: number, count: number, inc: number, offset: number) => any[];
+export declare const calculateHeatmapTexture: (colorDataParams: IGetColorDataParams, intVector: UIntVector, heatTextureCache: TextureCache, precision: number) => import("../../../../types/TSciChart").TSRTexture;