scichart 2.0.2195 → 2.1.2261

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

@@ -3,11 +3,14 @@ import { SeriesAnimationFiniteStateMachine } from "../../../Core/Animations/Anim
 import { EventHandler } from "../../../Core/EventHandler";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
-import { DoubleVector, TSciChart } from "../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
 import { ELineDrawMode, WebGlRenderContext2D } from "../../Drawing/WebGlRenderContext2D";
 import { SeriesInfo } from "../../Model/ChartData/SeriesInfo";
 import { IDataSeries } from "../../Model/IDataSeries";
 import { IPaletteProvider } from "../../Model/IPaletteProvider";
+import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
+import { EResamplingMode } from "../../Numerics/Resamplers/ResamplingMode";
+import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
 import { RenderPassData } from "../../Services/RenderPassData";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
 import { AxisCore } from "../Axis/AxisCore";
@@ -46,9 +49,15 @@ export interface IBasedStackedRenderableSeriesOptions {
  * details on how to implement stacked column and mountain charts in SciChart
  */
 export declare abstract class BaseStackedRenderableSeries implements IRenderableSeries {
+    /** @inheritDoc */
     abstract readonly type: ESeriesType;
+    /** @inheritDoc */
     readonly id: string;
+    /** @inheritDoc */
     readonly isStacked: boolean;
+    /** @inheritDoc */
+    readonly supportsResampling = false;
+    /** @inheritDoc */
     readonly isSpline: boolean;
     readonly rolloverModifierProps: RolloverModifierRenderableSeriesProps;
     /** @inheritDoc */
@@ -59,8 +68,12 @@ export declare abstract class BaseStackedRenderableSeries implements IRenderable
     /**
      * the accumulated values which are used to draw each column/band for {@link BaseStackedRenderableSeries}
      */
-    accumulatedValues: DoubleVector;
-    protected accumulatedFinalAnimationValues: DoubleVector;
+    accumulatedValues: SCRTDoubleVector;
+    /**
+     * When true, enables drawing optimizations on the series for extra performance
+     */
+    enableDrawingOptimisations: boolean;
+    protected accumulatedFinalAnimationValues: SCRTDoubleVector;
     protected webAssemblyContext: TSciChart;
     protected parentCollection: BaseStackedCollection<BaseStackedRenderableSeries>;
     protected notifyParentPropertyChangedFn: (propertyName: string) => void;
@@ -114,7 +127,7 @@ export declare abstract class BaseStackedRenderableSeries implements IRenderable
     /**
      * @inheritDoc
      */
-    getNativeXValues(): DoubleVector;
+    getNativeXValues(): SCRTDoubleVector;
     /**
      * Called when the {@link BaseStackedRenderableSeries} is detached from its parent {@link BaseStackedCollection}
      */
@@ -193,6 +206,18 @@ export declare abstract class BaseStackedRenderableSeries implements IRenderable
      * animation() is not supported for BaseStackedRenderableSeries
      */
     get animation(): SeriesAnimation;
+    /** @inheritDoc */
+    getIndicesRange(xRange: NumberRange): NumberRange;
+    /**
+     * resamplingMode property is not supported for BaseStackedRenderableSeries
+     */
+    get resamplingMode(): EResamplingMode;
+    set resamplingMode(value: EResamplingMode);
+    /**
+     * resamplingPrecision property is not supported for BaseStackedRenderableSeries
+     */
+    get resamplingPrecision(): number;
+    set resamplingPrecision(value: number);
     /**
      * @inheritDoc
      */
@@ -286,6 +311,15 @@ export declare abstract class BaseStackedRenderableSeries implements IRenderable
     getSeriesInfo(hitTestInfo: HitTestInfo): SeriesInfo;
     /** @inheritDoc */
     toJSON(excludeData?: boolean): TSeriesDefinition;
+    /**
+     * toPointSeries method is not supported for BaseStackedRenderableSeries
+     * @param resamplingParams
+     */
+    toPointSeries(resamplingParams?: ResamplingParams): IPointSeries;
+    /**
+     * getCurrentRenderPassData method is not supported for BaseStackedRenderableSeries
+     */
+    getCurrentRenderPassData(): RenderPassData;
     /**
      * drawingProviders property is not supported for BaseStackedRenderableSeries
      * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}

package/Charting/Visuals/RenderableSeries/BaseStackedRenderableSeries.js

@@ -26,14 +26,23 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
      */
     function BaseStackedRenderableSeries(webAssemblyContext, options) {
         var _a, _b;
+        /** @inheritDoc */
         this.id = (0, guid_1.generateGuid)();
+        /** @inheritDoc */
         this.isStacked = true;
+        /** @inheritDoc */
+        this.supportsResampling = false;
+        /** @inheritDoc */
         this.isSpline = false;
         this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(this);
         /** @inheritDoc */
         this.selected = new EventHandler_1.EventHandler();
         /** @inheritDoc */
         this.hovered = new EventHandler_1.EventHandler();
+        /**
+         * When true, enables drawing optimizations on the series for extra performance
+         */
+        this.enableDrawingOptimisations = true;
         this.drawNaNAsProperty = WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine;
         this.isVisibleProperty = true;
         this.strokeThicknessProperty = 2;
@@ -44,8 +53,8 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
         this.isHoveredProperty = false;
         this.notifyDataSeriesChanged = this.notifyDataSeriesChanged.bind(this);
         this.notifyPointMarkerChanged = this.notifyPointMarkerChanged.bind(this);
-        this.accumulatedValues = new webAssemblyContext.DoubleVector();
-        this.accumulatedFinalAnimationValues = new webAssemblyContext.DoubleVector();
+        this.accumulatedValues = new webAssemblyContext.SCRTDoubleVector();
+        this.accumulatedFinalAnimationValues = new webAssemblyContext.SCRTDoubleVector();
         this.dataSeries = (_a = options === null || options === void 0 ? void 0 : options.dataSeries) !== null && _a !== void 0 ? _a : this.dataSeriesProperty;
         this.opacityProperty = (_b = options === null || options === void 0 ? void 0 : options.opacity) !== null && _b !== void 0 ? _b : 1;
         this.webAssemblyContext = webAssemblyContext;
@@ -266,6 +275,36 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    /** @inheritDoc */
+    BaseStackedRenderableSeries.prototype.getIndicesRange = function (xRange) {
+        throw Error("getIndicesRange() method is not supported for BaseStackedRenderableSeries");
+    };
+    Object.defineProperty(BaseStackedRenderableSeries.prototype, "resamplingMode", {
+        /**
+         * resamplingMode property is not supported for BaseStackedRenderableSeries
+         */
+        get: function () {
+            throw Error("resamplingMode property is not supported for BaseStackedRenderableSeries");
+        },
+        set: function (value) {
+            throw Error("resamplingMode property is not supported for BaseStackedRenderableSeries");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseStackedRenderableSeries.prototype, "resamplingPrecision", {
+        /**
+         * resamplingPrecision property is not supported for BaseStackedRenderableSeries
+         */
+        get: function () {
+            throw Error("resamplingPrecision property is not supported for BaseStackedRenderableSeries");
+        },
+        set: function (value) {
+            throw Error("resamplingPrecision property is not supported for BaseStackedRenderableSeries");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseStackedRenderableSeries.prototype, "parentSurface", {
         // NOT SUPPORTED METHODS END
         /**
@@ -497,8 +536,20 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
             return { type: this.type, options: options };
         }
     };
+    /**
+     * toPointSeries method is not supported for BaseStackedRenderableSeries
+     * @param resamplingParams
+     */
+    BaseStackedRenderableSeries.prototype.toPointSeries = function (resamplingParams) {
+        throw Error("toPointSeries method is not supported for BaseStackedRenderableSeries");
+    };
+    /**
+     * getCurrentRenderPassData method is not supported for BaseStackedRenderableSeries
+     */
+    BaseStackedRenderableSeries.prototype.getCurrentRenderPassData = function () {
+        throw Error("getCurrentRenderPassData method is not supported for BaseStackedRenderableSeries");
+    };
     Object.defineProperty(BaseStackedRenderableSeries.prototype, "drawingProviders", {
-        // NOT SUPPORTED PROPERTIES BEGIN
         /**
          * drawingProviders property is not supported for BaseStackedRenderableSeries
          * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}

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

@@ -1,9 +1,9 @@
 import { TSciChart } from "../../../../types/TSciChart";
 import { WebGlRenderContext2D } from "../../../Drawing/WebGlRenderContext2D";
 import { RenderPassData } from "../../../Services/RenderPassData";
+import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 import { BaseBandRenderableSeries } from "../BaseBandRenderableSeries";
 import { BaseSeriesDrawingProvider } from "./BaseSeriesDrawingProvider";
-import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 /**
  * Used internally - a drawing provider performs drawing for a {@link BaseBandRenderableSeries} using
  * our WebAssembly WebGL rendering engine

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

@@ -18,8 +18,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BandSeriesDrawingProvider = void 0;
 var Deleter_1 = require("../../../../Core/Deleter");
 var SeriesType_1 = require("../../../../types/SeriesType");
-var Pen2DCache_1 = require("../../../Drawing/Pen2DCache");
 var BrushCache_1 = require("../../../Drawing/BrushCache");
+var Pen2DCache_1 = require("../../../Drawing/Pen2DCache");
 var WebGlRenderContext2D_1 = require("../../../Drawing/WebGlRenderContext2D");
 var constants_1 = require("../constants");
 var BaseSeriesDrawingProvider_1 = require("./BaseSeriesDrawingProvider");
@@ -78,11 +78,12 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
      */
     BandSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
         var _a;
-        var dataSeries = this.parentSeries.dataSeries;
+        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 = dataSeries.containsNaN
+        args.lineGaps = containsNaN
             ? this.parentSeries.drawNaNAs === WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine
                 ? this.webAssemblyContext.SCRTLineGapMode.DrawGaps
                 : this.webAssemblyContext.SCRTLineGapMode.CloseGaps
@@ -105,10 +106,10 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
             args.SetLinesPen1(strokePenY1);
         }
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
-        var xValues = dataSeries.getNativeXValues();
-        var xDrawValues = isCategoryAxis ? dataSeries.getNativeIndexes() : xValues;
-        var yDrawValues = dataSeries.getNativeYValues();
-        var y1DrawValues = dataSeries.getNativeY1Values();
+        var xValues = pointSeries.xValues;
+        var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
+        var yDrawValues = pointSeries.yValues;
+        var y1DrawValues = pointSeries.y1Values;
         var isSplineBandSeries = this.parentSeries.type === SeriesType_1.ESeriesType.SplineBandSeries && xValues.size() > 1;
         if (isSplineBandSeries) {
             var splineBandSeries = this.parentSeries;
@@ -128,14 +129,7 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
         }
         args.isSmoothColors = this.palettingState.gradientPaletting;
         var nativeContext = renderContext.getNativeContext();
-        var viewRect = this.parentSeries.parentSurface.seriesViewRect;
-        nativeContext.PushMatrix();
-        nativeContext.PushState();
-        nativeContext.Translate(viewRect.x, viewRect.y);
-        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
         this.nativeDrawingProvider.DrawPointsVec(nativeContext, xDrawValues, yDrawValues, y1DrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args);
-        nativeContext.PopMatrix();
-        nativeContext.PopState();
         args.delete();
     };
     /**

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

@@ -44,6 +44,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
      * @returns the new {@link UIntVector} with ARGB colors
      */
     BaseSeriesDrawingProvider.prototype.applyStrokePaletting = function (strokePen) {
+        var _a;
         if (this.parentSeries.hasStrokePaletteProvider()) {
             var strokeColorArgb = (0, colorUtil_1.uintArgbColorMultiplyOpacity)((0, parseColor_1.parseColorToUIntArgb)(this.parentSeries.stroke), this.parentSeries.opacity);
             if (isNaN(strokeColorArgb)) {
@@ -70,11 +71,11 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
             }
         }
         else {
-            this.palettingState.palettedColors = (0, Deleter_1.deleteSafe)(this.palettingState.palettedColors);
             if (this.palettingState.originalPenColor) {
                 strokePen.m_uiColor = this.palettingState.originalPenColor;
                 this.palettingState.originalPenColor = undefined;
             }
+            (_a = this.palettingState.palettedColors) === null || _a === void 0 ? void 0 : _a.clear();
         }
         // Due to pass-by-pointer limitations of WASM binding, we pass an empty vector rather than null
         if (!this.palettingState.palettedColors) {
@@ -82,7 +83,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
         }
     };
     BaseSeriesDrawingProvider.prototype.applyStrokeFillPaletting = function (stroke, strokePen, fill, fillBrush, opacity, usePalette, resetPenBrushColors) {
-        var _a, _b;
+        var _a, _b, _c;
         if (usePalette === void 0) { usePalette = false; }
         if (resetPenBrushColors === void 0) { resetPenBrushColors = true; }
         var hasStrokePaletteProvider = this.parentSeries.hasStrokePaletteProvider();
@@ -165,8 +166,8 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
             }
         }
         else {
-            this.palettingState.palettedColors = (0, Deleter_1.deleteSafe)(this.palettingState.palettedColors);
             this.palettingState.paletteTextureCache.reset();
+            (_c = this.palettingState.palettedColors) === null || _c === void 0 ? void 0 : _c.clear();
             // This was needed for resetPenBrushColors, therefore commented out as well
             // if (strokePen) {
             //     if (this.palettingState.originalPenColor) {

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

@@ -51,12 +51,12 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
             return;
         }
         var spriteTexture = pointMarker.getSprite();
-        var dataSeries = this.parentSeries.dataSeries;
+        var pointSeries = renderPassData.pointSeries;
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
         var args = new this.webAssemblyContext.SCRTPointDrawingParams();
-        var xValues = dataSeries.getNativeXValues();
-        var yValues = dataSeries.getNativeYValues();
-        var zValues = dataSeries.getNativeZValues();
+        var xValues = pointSeries.xValues;
+        var yValues = pointSeries.yValues;
+        var zValues = pointSeries.zValues;
         args.count = yValues.size();
         args.verticalChart = renderPassData.isVerticalChart;
         args.forceShaderMethod = true;
@@ -66,7 +66,7 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
         args.SetPalettedColors(this.palettingState.palettedColors);
         args.zMultiplier = DpiHelper_1.DpiHelper.PIXEL_RATIO;
         var nativeContext = renderContext.getNativeContext();
-        this.drawPoints(nativeContext, isCategoryAxis ? dataSeries.getNativeIndexes() : xValues, yValues, zValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args, this.parentSeries.parentSurface.seriesViewRect);
+        this.drawPoints(nativeContext, isCategoryAxis ? pointSeries.indexes : xValues, yValues, zValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args, this.parentSeries.parentSurface.seriesViewRect);
         args.delete();
     };
     /**
@@ -89,13 +89,7 @@ var BubbleSeriesDrawingProvider = /** @class */ (function (_super) {
         return false;
     };
     BubbleSeriesDrawingProvider.prototype.drawPoints = function (nativeContext, xValues, yValues, zValues, xCoordCalc, yCoordCalc, args, viewRect) {
-        nativeContext.PushMatrix();
-        nativeContext.PushState();
-        nativeContext.Translate(viewRect.x, viewRect.y);
-        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
         this.nativeDrawingProvider.DrawPointsVec(nativeContext, xValues, yValues, zValues, xCoordCalc, yCoordCalc, args);
-        nativeContext.PopMatrix();
-        nativeContext.PopState();
     };
     return BubbleSeriesDrawingProvider;
 }(BaseSeriesDrawingProvider_1.BaseSeriesDrawingProvider));

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

@@ -11,6 +11,7 @@ import { BaseSeriesDrawingProvider } from "./BaseSeriesDrawingProvider";
 export declare class ColumnSeriesDrawingProvider extends BaseSeriesDrawingProvider<FastColumnRenderableSeries> {
     private nativeDrawingProvider;
     private strokePenCache;
+    private strokePenFillColoredCache;
     private fillBrushCache;
     /**
      * Creates an instance of the {@link ColumnSeriesDrawingProvider}

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

@@ -37,9 +37,14 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
         var _this = _super.call(this, webAssemblyContext, parentSeries) || this;
         _this.nativeDrawingProvider = new webAssemblyContext.SCRTColumnSeriesDrawingProvider();
         _this.strokePenCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
+        _this.strokePenFillColoredCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.fillBrushCache = new BrushCache_1.BrushCache(webAssemblyContext);
         var _a = _this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, fill = _a.fill, opacity = _a.opacity;
         (0, Pen2DCache_1.createPenInCache)(_this.strokePenCache, stroke, strokeThickness, opacity);
+        // the pen is used to fix a bug when columns disappear when zooming out with zero stroke thickness
+        if (strokeThickness === 0) {
+            (0, Pen2DCache_1.createPenInCache)(_this.strokePenFillColoredCache, fill, 1, opacity);
+        }
         (0, BrushCache_1.createBrushInCache)(_this.fillBrushCache, fill, opacity);
         return _this;
     }
@@ -49,6 +54,7 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
     ColumnSeriesDrawingProvider.prototype.delete = function () {
         this.nativeDrawingProvider = (0, Deleter_1.deleteSafe)(this.nativeDrawingProvider);
         this.strokePenCache = (0, Deleter_1.deleteSafe)(this.strokePenCache);
+        this.strokePenFillColoredCache = (0, Deleter_1.deleteSafe)(this.strokePenFillColoredCache);
         this.fillBrushCache = (0, Deleter_1.deleteSafe)(this.fillBrushCache);
         _super.prototype.delete.call(this);
     };
@@ -56,39 +62,39 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     ColumnSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
-        // TODO: We need to get truncated pointseries out (viewport culling) for efficient drawing of large datasets
-        var dataSeries = this.parentSeries.dataSeries;
+        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.viewportWidth = viewRect.width;
-        args.viewportHeight = viewRect.height;
-        var fillBrush = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
-        if (fillBrush) {
-            args.SetFillBrush(fillBrush);
+        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 === 0 && strokeThickness === 0) {
+            strokePenCache = this.strokePenFillColoredCache;
         }
-        var linesPen = (0, Pen2DCache_1.getScrtPenFromCache)(this.strokePenCache);
+        var linesPen = (0, Pen2DCache_1.getScrtPenFromCache)(strokePenCache);
         if (linesPen) {
             args.SetLinesPen(linesPen);
         }
+        var fillBrush = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
+        if (fillBrush) {
+            args.SetFillBrush(fillBrush);
+        }
+        args.viewportWidth = viewRect.width;
+        args.viewportHeight = viewRect.height;
         // Paletting per point
         _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, linesPen, this.parentSeries.fill, fillBrush, this.parentSeries.opacity);
         args.SetPalettedColors(this.palettingState.palettedColors);
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
-        var xValues = dataSeries.getNativeXValues();
-        var yValues = dataSeries.getNativeYValues();
+        var xValues = pointSeries.xValues;
+        var yValues = pointSeries.yValues;
         args.count = yValues.size();
         var nativeContext = renderContext.getNativeContext();
-        nativeContext.PushMatrix();
-        nativeContext.PushState();
-        nativeContext.Translate(viewRect.x, viewRect.y);
-        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
-        this.nativeDrawingProvider.DrawPointsVec(nativeContext, isCategoryAxis ? dataSeries.getNativeIndexes() : xValues, yValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args);
-        nativeContext.PopMatrix();
-        nativeContext.PopState();
+        this.nativeDrawingProvider.DrawPointsVec(nativeContext, isCategoryAxis ? pointSeries.indexes : xValues, yValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args);
         args.delete();
     };
     /**
@@ -103,16 +109,22 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
      */
     ColumnSeriesDrawingProvider.prototype.onSeriesPropertyChange = function (propertyName) {
         _super.prototype.onSeriesPropertyChange.call(this, propertyName);
+        var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity, fill = _a.fill;
         if (propertyName === constants_1.PROPERTY.STROKE ||
             propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
             propertyName === constants_1.PROPERTY.OPACITY) {
-            var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity;
             (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, stroke, strokeThickness, opacity);
         }
         if (propertyName === constants_1.PROPERTY.FILL || propertyName === constants_1.PROPERTY.OPACITY) {
-            var _b = this.parentSeries, fill = _b.fill, opacity = _b.opacity;
             (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, fill, opacity);
         }
+        if (strokeThickness === 0 &&
+            (propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
+                propertyName === constants_1.PROPERTY.STROKE ||
+                propertyName === constants_1.PROPERTY.OPACITY ||
+                propertyName === constants_1.PROPERTY.FILL)) {
+            (0, Pen2DCache_1.createPenInCache)(this.strokePenFillColoredCache, fill, strokeThickness, opacity);
+        }
     };
     return ColumnSeriesDrawingProvider;
 }(BaseSeriesDrawingProvider_1.BaseSeriesDrawingProvider));

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

@@ -1,9 +1,9 @@
 import { TSciChart } from "../../../../types/TSciChart";
 import { WebGlRenderContext2D } from "../../../Drawing/WebGlRenderContext2D";
 import { RenderPassData } from "../../../Services/RenderPassData";
+import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 import { BaseLineRenderableSeries } from "../BaseLineRenderableSeries";
 import { BaseSeriesDrawingProvider } from "./BaseSeriesDrawingProvider";
-import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 /**
  * Used internally - a drawing provider performs drawing for a {@link FastLineRenderableSeries} using
  * our WebAssembly WebGL rendering engine
@@ -11,6 +11,7 @@ import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 export declare class LineSeriesDrawingProvider extends BaseSeriesDrawingProvider<BaseLineRenderableSeries> {
     private linesPenCache;
     private nativeDrawingProvider;
+    private args;
     /**
      * Creates an instance of the {@link LineSeriesDrawingProvider}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and

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

@@ -37,6 +37,7 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
     function LineSeriesDrawingProvider(webAssemblyContext, parentSeries) {
         var _this = _super.call(this, webAssemblyContext, parentSeries) || this;
         _this.linesPenCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
+        _this.args = new webAssemblyContext.SCRTLineDrawingParams();
         return _this;
     }
     /**
@@ -87,22 +88,23 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
         if (!linesPen) {
             return;
         }
-        // TODO: We need to get truncated pointseries out (viewport culling) for efficient drawing of large datasets
-        var dataSeries = this.parentSeries.dataSeries;
-        var args = new this.webAssemblyContext.SCRTLineDrawingParams();
-        args.SetLinesPen(linesPen);
-        args.isDigitalLine = this.parentSeries.isDigitalLine;
-        args.forceShaderMethod = true;
-        args.lineGaps = dataSeries.containsNaN
+        var pointSeries = renderPassData.pointSeries;
+        var containsNaN = this.parentSeries.dataSeries.dataDistributionCalculator.containsNaN;
+        this.args.Reset();
+        this.args.SetLinesPen(linesPen);
+        this.args.isDigitalLine = this.parentSeries.isDigitalLine;
+        this.args.forceShaderMethod = true;
+        this.args.containsNaN = containsNaN;
+        this.args.lineGaps = containsNaN
             ? this.parentSeries.drawNaNAs === WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine
                 ? this.webAssemblyContext.SCRTLineGapMode.DrawGaps
                 : this.webAssemblyContext.SCRTLineGapMode.CloseGaps
             : this.webAssemblyContext.SCRTLineGapMode.Default;
-        args.verticalChart = renderPassData.isVerticalChart;
+        this.args.verticalChart = renderPassData.isVerticalChart;
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
-        var xValues = dataSeries.getNativeXValues();
-        var xDrawValues = isCategoryAxis ? dataSeries.getNativeIndexes() : xValues;
-        var yDrawValues = dataSeries.getNativeYValues();
+        var xValues = pointSeries.xValues;
+        var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
+        var yDrawValues = pointSeries.yValues;
         var isSplineLineSeries = this.parentSeries.type === SeriesType_1.ESeriesType.SplineLineSeries && xValues.size() > 1;
         if (isSplineLineSeries) {
             var spline = this.parentSeries;
@@ -113,15 +115,14 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
             xDrawValues = spline.xSplineValues;
             yDrawValues = spline.ySplineValues;
         }
-        args.count = yDrawValues.size();
+        this.args.count = yDrawValues.size();
         // Stroke paletting per point
         this.applyStrokePaletting(linesPen);
         if (this.palettingState.palettedColors) {
-            args.SetPalettedColors(this.palettingState.palettedColors);
+            this.args.SetPalettedColors(this.palettingState.palettedColors);
         }
         var nativeContext = renderContext.getNativeContext();
-        this.drawLines(renderContext, nativeContext, xDrawValues, yDrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args, this.parentSeries.parentSurface.seriesViewRect);
-        args.delete();
+        this.drawLines(renderContext, nativeContext, xDrawValues, yDrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, this.args, this.parentSeries.parentSurface.seriesViewRect);
     };
     /**
      * @inheritDoc
@@ -129,16 +130,11 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
     LineSeriesDrawingProvider.prototype.delete = function () {
         this.linesPenCache = (0, Deleter_1.deleteSafe)(this.linesPenCache);
         this.nativeDrawingProvider = (0, Deleter_1.deleteSafe)(this.nativeDrawingProvider);
+        this.args = (0, Deleter_1.deleteSafe)(this.args);
         _super.prototype.delete.call(this);
     };
     LineSeriesDrawingProvider.prototype.drawLines = function (renderContext, nativeContext, xValues, yValues, xCoordCalc, yCoordCalc, args, viewRect) {
-        nativeContext.PushMatrix();
-        nativeContext.PushState();
-        nativeContext.Translate(viewRect.x, viewRect.y);
-        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
         this.nativeDrawingProvider.DrawLinesVec(nativeContext, xValues, yValues, xCoordCalc, yCoordCalc, args);
-        nativeContext.PopMatrix();
-        nativeContext.PopState();
     };
     return LineSeriesDrawingProvider;
 }(BaseSeriesDrawingProvider_1.BaseSeriesDrawingProvider));

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

@@ -21,6 +21,7 @@ var SeriesType_1 = require("../../../../types/SeriesType");
 var BrushCache_1 = require("../../../Drawing/BrushCache");
 var Pen2DCache_1 = require("../../../Drawing/Pen2DCache");
 var WebGlRenderContext2D_1 = require("../../../Drawing/WebGlRenderContext2D");
+var SciChartSurfaceBase_1 = require("../../SciChartSurfaceBase");
 var constants_1 = require("../constants");
 var BaseSeriesDrawingProvider_1 = require("./BaseSeriesDrawingProvider");
 /**
@@ -55,11 +56,11 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
      */
     MountainSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
         var _a;
-        // TODO: We need to get truncated pointseries out (viewport culling) for efficient drawing of large datasets
-        var dataSeries = this.parentSeries.dataSeries;
+        var pointSeries = renderPassData.pointSeries;
+        var containsNaN = this.parentSeries.dataSeries.dataDistributionCalculator.containsNaN;
         var args = new this.webAssemblyContext.SCRTMountainDrawingParams();
         args.forceShaderMethod = true;
-        args.lineGaps = dataSeries.containsNaN
+        args.lineGaps = containsNaN
             ? this.parentSeries.drawNaNAs === WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine
                 ? this.webAssemblyContext.SCRTLineGapMode.DrawGaps
                 : this.webAssemblyContext.SCRTLineGapMode.CloseGaps
@@ -67,7 +68,7 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
         args.verticalChart = renderPassData.isVerticalChart;
         args.zeroLineY = this.parentSeries.zeroLineY;
         args.isDigitalLine = this.parentSeries.isDigitalLine;
-        var fillBrush = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
+        var fillBrush = this.createBrush();
         if (fillBrush) {
             args.SetFillBrush(fillBrush);
         }
@@ -83,9 +84,9 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
         }
         args.isSmoothColors = this.palettingState.gradientPaletting;
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
-        var xValues = dataSeries.getNativeXValues();
-        var xDrawValues = isCategoryAxis ? dataSeries.getNativeIndexes() : xValues;
-        var yDrawValues = dataSeries.getNativeYValues();
+        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;
@@ -98,13 +99,7 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
         args.count = yDrawValues.size();
         var nativeContext = renderContext.getNativeContext();
         var viewRect = this.parentSeries.parentSurface.seriesViewRect;
-        nativeContext.PushMatrix();
-        nativeContext.PushState();
-        nativeContext.Translate(viewRect.x, viewRect.y);
-        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
         this.nativeDrawingProvider.DrawPointsVec(nativeContext, xDrawValues, yDrawValues, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args);
-        nativeContext.PopMatrix();
-        nativeContext.PopState();
         args.delete();
     };
     /**
@@ -141,8 +136,14 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
         this.createBrush();
     };
     MountainSeriesDrawingProvider.prototype.createBrush = function () {
-        var _a = this.parentSeries, fill = _a.fill, opacity = _a.opacity, fillLinearGradient = _a.fillLinearGradient;
-        return (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, fill, opacity, fillLinearGradient);
+        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
+            : 1;
+        var textureWidthRatio = (parentSurface === null || parentSurface === void 0 ? void 0 : parentSurface.isCopyCanvasSurface)
+            ? parentSurface.domCanvas2D.width / SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas.width
+            : 1;
+        return (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, fill, opacity, textureHeightRatio, textureWidthRatio, fillLinearGradient);
     };
     MountainSeriesDrawingProvider.prototype.createPen = function () {
         var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity, strokeDashArray = _a.strokeDashArray;