scichart 2.0.2195 → 2.1.2261

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

@@ -3,11 +3,14 @@ import { EventHandler } from "../../../Core/EventHandler";
 import { IDeletable } from "../../../Core/IDeletable";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
-import { DoubleVector } from "../../../types/TSciChart";
+import { SCRTDoubleVector } 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 { IThemeable } from "../../Themes/IThemeable";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
@@ -46,6 +49,10 @@ export interface IRenderableSeries extends IDeletable, IThemeable, INotifyOnDpiC
      * Returns true if the series is a stacked series or not
      */
     readonly isStacked: boolean;
+    /**
+     * Returns true if the series supports resampling
+     */
+    readonly supportsResampling: boolean;
     /**
      * Returns true if the series uses spline interpolation
      */
@@ -219,6 +226,20 @@ export interface IRenderableSeries extends IDeletable, IThemeable, INotifyOnDpiC
      * gets if the animation is currently running
      */
     isRunningAnimation: boolean;
+    /**
+     * Readonly. When true, resampling modes are enabled for faster drawing performance.
+     */
+    enableDrawingOptimisations: boolean;
+    /**
+     * Gets or sets the {@link EResamplingMode} used when drawing this series.
+     * Default value is Auto.
+     * To disable resampling set mode = None.
+     */
+    resamplingMode: EResamplingMode;
+    /**
+     * Gets or sets the resampling precision for this series
+     */
+    resamplingPrecision: number;
     /**
      * Called when the {@link BaseRenderableSeries} must be drawn
      * @param renderContext The {@link WebGL2RenderingContext} with methods for drawing on the WebGL Canvas via our WebAssembly Rendering Engine
@@ -279,7 +300,7 @@ export interface IRenderableSeries extends IDeletable, IThemeable, INotifyOnDpiC
     /**
      * Returns the {@link IDataSeries.getNativeXValues} for the associated {@link dataSeries}
      */
-    getNativeXValues(): DoubleVector;
+    getNativeXValues(): SCRTDoubleVector;
     /**
      * Checks is the point is out of the data range. For sorted data only. Is used to hide tooltips for {@link RolloverModifier}
      * @param xValue The X value of the point
@@ -314,4 +335,19 @@ export interface IRenderableSeries extends IDeletable, IThemeable, INotifyOnDpiC
      * @param excludeData if set true, data values will not be included in the json.
      */
     toJSON(excludeData?: boolean): TSeriesDefinition;
+    /**
+     * Returns a dataset for drawing on the viewport
+     * @param resamplingParams The resampling parameters
+     */
+    toPointSeries(resamplingParams?: ResamplingParams): IPointSeries;
+    /**
+     * Returns the indices range of data points in xRange of the associated {@link IDataSeries}
+     * @param xRange The X-Axis Range currently in view
+     * @param isCategoryData If True the renderable series uses {@link CategoryAxis}
+     */
+    getIndicesRange(xRange: NumberRange, isCategoryData?: boolean): NumberRange;
+    /**
+     * Gets the RenderPassData instance used for this render pass
+     */
+    getCurrentRenderPassData(): RenderPassData;
 }

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

@@ -1,13 +1,13 @@
-import { DoubleVector } from "../../../types/TSciChart";
+import { SCRTDoubleVector } from "../../../types/TSciChart";
 export interface ISpline {
     /**
      * X spline values
      */
-    xSplineValues: DoubleVector;
+    xSplineValues: SCRTDoubleVector;
     /**
      * Y spline values
      */
-    ySplineValues: DoubleVector;
+    ySplineValues: SCRTDoubleVector;
     /**
      * the interpolationPoints being used for the Spline
      */

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

@@ -1,7 +1,7 @@
 import { SeriesAnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
-import { DoubleVector, TSciChart } from "../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
 import { SeriesAnimation } from "./Animations/SeriesAnimation";
 import { BaseBandRenderableSeries, IBaseBandRenderableSeriesOptions } from "./BaseBandRenderableSeries";
 import { ISpline } from "./ISpline";
@@ -40,9 +40,9 @@ export interface ISplineBandRenderableSeriesOptions extends IBaseBandRenderableS
  */
 export declare class SplineBandRenderableSeries extends BaseBandRenderableSeries implements ISpline {
     readonly type = ESeriesType.SplineBandSeries;
-    xSplineValues: DoubleVector;
-    ySplineValues: DoubleVector;
-    y1SplineValues: DoubleVector;
+    xSplineValues: SCRTDoubleVector;
+    ySplineValues: SCRTDoubleVector;
+    y1SplineValues: SCRTDoubleVector;
     private recalculateSpline;
     private interpolationPointsProperty;
     /**

package/Charting/Visuals/RenderableSeries/SplineBandRenderableSeries.js

@@ -58,9 +58,9 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
         _this.type = SeriesType_1.ESeriesType.SplineBandSeries;
         _this.recalculateSpline = true;
         _this.interpolationPointsProperty = 10;
-        _this.xSplineValues = new webAssemblyContext.DoubleVector();
-        _this.ySplineValues = new webAssemblyContext.DoubleVector();
-        _this.y1SplineValues = new webAssemblyContext.DoubleVector();
+        _this.xSplineValues = new webAssemblyContext.SCRTDoubleVector();
+        _this.ySplineValues = new webAssemblyContext.SCRTDoubleVector();
+        _this.y1SplineValues = new webAssemblyContext.SCRTDoubleVector();
         _this.interpolationPointsProperty = (_a = options === null || options === void 0 ? void 0 : options.interpolationPoints) !== null && _a !== void 0 ? _a : _this.interpolationPointsProperty;
         // Must be called here for the series type to be available
         if ((_b = _this.paletteProvider) === null || _b === void 0 ? void 0 : _b.onAttached) {
@@ -104,8 +104,8 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
         var yValues = dataSeries.getNativeYValues();
         var y1Values = dataSeries.getNativeY1Values();
         var initialSize = xValues.size();
-        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.containsNaN);
-        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, y1Values, this.xSplineValues, this.y1SplineValues, initialSize, this.interpolationPoints, dataSeries.containsNaN);
+        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.dataDistributionCalculator.containsNaN);
+        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, y1Values, this.xSplineValues, this.y1SplineValues, initialSize, this.interpolationPoints, dataSeries.dataDistributionCalculator.containsNaN);
         this.recalculateSpline = false;
     };
     /** @inheritDoc */

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

@@ -1,7 +1,7 @@
 import { SeriesAnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
-import { DoubleVector, TSciChart } from "../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
 import { SeriesAnimation } from "./Animations/SeriesAnimation";
 import { BaseLineRenderableSeries } from "./BaseLineRenderableSeries";
 import { TPalettingState } from "./DrawingProviders/BaseSeriesDrawingProvider";
@@ -37,8 +37,8 @@ export interface ISplineLineRenderableSeriesOptions extends IBaseRenderableSerie
  */
 export declare class SplineLineRenderableSeries extends BaseLineRenderableSeries implements ISpline {
     readonly type = ESeriesType.SplineLineSeries;
-    xSplineValues: DoubleVector;
-    ySplineValues: DoubleVector;
+    xSplineValues: SCRTDoubleVector;
+    ySplineValues: SCRTDoubleVector;
     private interpolationPointsProperty;
     private recalculateSpline;
     /**

package/Charting/Visuals/RenderableSeries/SplineLineRenderableSeries.js

@@ -56,8 +56,8 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
         _this.type = SeriesType_1.ESeriesType.SplineLineSeries;
         _this.interpolationPointsProperty = 10;
         _this.recalculateSpline = true;
-        _this.xSplineValues = new webAssemblyContext.DoubleVector();
-        _this.ySplineValues = new webAssemblyContext.DoubleVector();
+        _this.xSplineValues = new webAssemblyContext.SCRTDoubleVector();
+        _this.ySplineValues = new webAssemblyContext.SCRTDoubleVector();
         _this.interpolationPointsProperty = (_a = options === null || options === void 0 ? void 0 : options.interpolationPoints) !== null && _a !== void 0 ? _a : _this.interpolationPointsProperty;
         // Must be called here for the series type to be available
         if ((_b = _this.paletteProvider) === null || _b === void 0 ? void 0 : _b.onAttached) {
@@ -99,7 +99,7 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
         var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
         var yValues = dataSeries.getNativeYValues();
         var initialSize = xValues.size();
-        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.containsNaN);
+        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.dataDistributionCalculator.containsNaN);
         this.recalculateSpline = false;
     };
     /** @inheritDoc */

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

@@ -1,7 +1,7 @@
 import { SeriesAnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
-import { DoubleVector, TSciChart } from "../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
 import { SeriesAnimation } from "./Animations/SeriesAnimation";
 import { BaseMountainRenderableSeries, IBaseMountainRenderableSeriesOptions } from "./BaseMountainRenderableSeries";
 import { ISpline } from "./ISpline";
@@ -38,8 +38,8 @@ export interface ISplineMountainRenderableSeriesOptions extends IBaseMountainRen
  */
 export declare class SplineMountainRenderableSeries extends BaseMountainRenderableSeries implements ISpline {
     readonly type = ESeriesType.SplineMountainSeries;
-    xSplineValues: DoubleVector;
-    ySplineValues: DoubleVector;
+    xSplineValues: SCRTDoubleVector;
+    ySplineValues: SCRTDoubleVector;
     private recalculateSpline;
     private interpolationPointsProperty;
     /**

package/Charting/Visuals/RenderableSeries/SplineMountainRenderableSeries.js

@@ -56,8 +56,8 @@ var SplineMountainRenderableSeries = /** @class */ (function (_super) {
         _this.type = SeriesType_1.ESeriesType.SplineMountainSeries;
         _this.recalculateSpline = true;
         _this.interpolationPointsProperty = 10;
-        _this.xSplineValues = new webAssemblyContext.DoubleVector();
-        _this.ySplineValues = new webAssemblyContext.DoubleVector();
+        _this.xSplineValues = new webAssemblyContext.SCRTDoubleVector();
+        _this.ySplineValues = new webAssemblyContext.SCRTDoubleVector();
         _this.interpolationPointsProperty = (_a = options === null || options === void 0 ? void 0 : options.interpolationPoints) !== null && _a !== void 0 ? _a : _this.interpolationPointsProperty;
         // Must be called here for the series type to be available
         if ((_b = _this.paletteProvider) === null || _b === void 0 ? void 0 : _b.onAttached) {
@@ -99,7 +99,7 @@ var SplineMountainRenderableSeries = /** @class */ (function (_super) {
         var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
         var yValues = dataSeries.getNativeYValues();
         var initialSize = xValues.size();
-        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.containsNaN);
+        this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.dataDistributionCalculator.containsNaN);
         this.recalculateSpline = false;
     };
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/StackedColumnCollection.js

@@ -335,12 +335,6 @@ var drawColumns = function (wasmContext, renderContext, xCoordinateCalculator, y
         args.SetFillBrush(fillBrush);
     }
     var nativeContext = renderContext.getNativeContext();
-    nativeContext.PushMatrix();
-    nativeContext.PushState();
-    nativeContext.Translate(viewRect.x, viewRect.y);
-    nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
     nativeDrawingProvider.DrawPointsVec(nativeContext, xValues, y1Values, yValues, xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, args);
-    nativeContext.PopMatrix();
-    nativeContext.PopState();
     args.delete();
 };

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

@@ -38,7 +38,7 @@ export declare class StackedMountainCollection extends BaseStackedCollection<Sta
      * Creates an instance of the {@link StackedMountainCollection}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
      * native methods and access to our WebGL2 WebAssembly Drawing Engine
-     * @param options Optional parameters of type {@link IBaseStackedCollectionOptions} to configure the
+     * @param options Optional parameters of type {@link IBaseStackedCollectionOptions} to configure the series
      */
     constructor(webAssemblyContext: TSciChart, options?: IBaseStackedCollectionOptions);
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/StackedMountainCollection.js

@@ -52,7 +52,7 @@ var StackedMountainCollection = /** @class */ (function (_super) {
      * Creates an instance of the {@link StackedMountainCollection}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
      * native methods and access to our WebGL2 WebAssembly Drawing Engine
-     * @param options Optional parameters of type {@link IBaseStackedCollectionOptions} to configure the
+     * @param options Optional parameters of type {@link IBaseStackedCollectionOptions} to configure the series
      */
     function StackedMountainCollection(webAssemblyContext, options) {
         var _this = _super.call(this, webAssemblyContext, options) || this;
@@ -213,12 +213,6 @@ var drawBand = function (wasmContext, renderContext, renderPassData, nativeDrawi
         args.SetLinesPen1(strokePenY1);
     }
     var nativeContext = renderContext.getNativeContext();
-    nativeContext.PushMatrix();
-    nativeContext.PushState();
-    nativeContext.Translate(viewRect.x, viewRect.y);
-    nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
     nativeDrawingProvider.DrawPointsVec(nativeContext, xValues, yValues, y1Values, renderPassData.xCoordinateCalculator.nativeCalculator, renderPassData.yCoordinateCalculator.nativeCalculator, args);
-    nativeContext.PopMatrix();
-    nativeContext.PopState();
     args.delete();
 };

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

@@ -1,7 +1,9 @@
 import { PropertyChangedEventArgs } from "../../../Core/PropertyChangedEventArgs";
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
+import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
 import { UniformHeatmapDataSeries } from "../../Model/UniformHeatmapDataSeries";
+import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { HeatmapColorMap, IHeatmapColorMapOptions } from "./HeatmapColorMap";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
@@ -106,6 +108,9 @@ export declare class UniformContoursRenderableSeries extends BaseRenderableSerie
     get minorsPerMajor(): number;
     set minorsPerMajor(minorsPerMajor: number);
     getContourDrawingParams(): IContourDrawingParams;
+    /** @inheritDoc */
+    toPointSeries(resamplingParams?: ResamplingParams): IPointSeries;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /**
      * Called when a property changes on {@link HeatmapColorMap}, and notifies the parent {@link SciChartSurface}

package/Charting/Visuals/RenderableSeries/UniformContoursRenderableSeries.js

@@ -206,6 +206,12 @@ var UniformContoursRenderableSeries = /** @class */ (function (_super) {
         };
         return result;
     };
+    /** @inheritDoc */
+    UniformContoursRenderableSeries.prototype.toPointSeries = function (resamplingParams) {
+        // not used for Contours
+        return undefined;
+    };
+    /** @inheritDoc */
     UniformContoursRenderableSeries.prototype.toJSON = function (excludeData) {
         var _a;
         if (excludeData === void 0) { excludeData = false; }

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

@@ -1,7 +1,9 @@
 import { PropertyChangedEventArgs } from "../../../Core/PropertyChangedEventArgs";
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
+import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
 import { UniformHeatmapDataSeries } from "../../Model/UniformHeatmapDataSeries";
+import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
 import { LabelProvider } from "../Axis/LabelProvider/LabelProvider";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { HeatmapColorMap, IHeatmapColorMapOptions } from "./HeatmapColorMap";
@@ -98,6 +100,9 @@ export declare class UniformHeatmapRenderableSeries extends BaseRenderableSeries
     checkIsOutOfDataRange(xValue: number, yValue: number): boolean;
     get zLabelProvider(): LabelProvider;
     set zLabelProvider(labelProvider: LabelProvider);
+    /** @inheritDoc */
+    toPointSeries(resamplingParams?: ResamplingParams): IPointSeries;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /**
      * Called when a property changes on {@link HeatmapColorMap}, and notifies the parent {@link SciChartSurface}

package/Charting/Visuals/RenderableSeries/UniformHeatmapRenderableSeries.js

@@ -159,6 +159,12 @@ var UniformHeatmapRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    /** @inheritDoc */
+    UniformHeatmapRenderableSeries.prototype.toPointSeries = function (resamplingParams) {
+        // not used for Heatmap
+        return undefined;
+    };
+    /** @inheritDoc */
     UniformHeatmapRenderableSeries.prototype.toJSON = function (excludeData) {
         var _a;
         if (excludeData === void 0) { excludeData = false; }

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

@@ -1,5 +1,7 @@
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
+import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
+import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
@@ -45,8 +47,8 @@ export declare class XyScatterRenderableSeries extends BaseRenderableSeries {
      * @param options Optional parameters of type {@link IBaseRenderableSeriesOptions} to configure the series
      */
     constructor(webAssemblyContext: TSciChart, options?: IXyScatterRenderableSeriesOptions);
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
+    toPointSeries(rp?: ResamplingParams): IPointSeries;
+    /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;
 }

package/Charting/Visuals/RenderableSeries/XyScatterRenderableSeries.js

@@ -17,6 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XyScatterRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
+var XyPointSeriesWrapped_1 = require("../../Model/PointSeries/XyPointSeriesWrapped");
 var EllipsePointMarker_1 = require("../PointMarkers/EllipsePointMarker");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var PointMarkerDrawingProvider_1 = require("./DrawingProviders/PointMarkerDrawingProvider");
@@ -75,9 +76,11 @@ var XyScatterRenderableSeries = /** @class */ (function (_super) {
         }
         return _this;
     }
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
+    XyScatterRenderableSeries.prototype.toPointSeries = function (rp) {
+        return new XyPointSeriesWrapped_1.XyPointSeriesWrapped(this.dataSeries);
+    };
+    /** @inheritDoc */
     XyScatterRenderableSeries.prototype.newHitTestProvider = function () {
         return new ScatterSeriesHitTestProvider_1.ScatterSeriesHitTestProvider(this, this.webAssemblyContext);
     };

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

@@ -12,6 +12,7 @@ export declare enum PROPERTY {
     DATA_SERIES = "dataSeries",
     DRAW_NAN_AS = "drawNaNAs",
     EFFECT = "EFFECT",
+    ENABLE_DRAWING_OPTIMISATIONS = "ENABLE_DRAWING_OPTIMISATIONS",
     FILL = "fill",
     FILL_Y1 = "FILL_Y1",
     FILL_LINEAR_GRADIENT = "FILL_LINEAR_GRADIENT",
@@ -30,6 +31,8 @@ export declare enum PROPERTY {
     PALETTE_PROVIDER = "PALETTE_PROVIDER",
     POINT_MARKER = "pointMarker",
     RANGE = "RANGE",
+    RESAMPLING_MODE = "RESAMPLING_MODE",
+    RESAMPLING_PRECISION = "RESAMPLING_PRECISION",
     SPACING = "SPACING",
     STACKED_GROUP_ID = "STACKED_GROUP_ID",
     STROKE = "STROKE",

package/Charting/Visuals/RenderableSeries/constants.js

@@ -16,6 +16,7 @@ var PROPERTY;
     PROPERTY["DATA_SERIES"] = "dataSeries";
     PROPERTY["DRAW_NAN_AS"] = "drawNaNAs";
     PROPERTY["EFFECT"] = "EFFECT";
+    PROPERTY["ENABLE_DRAWING_OPTIMISATIONS"] = "ENABLE_DRAWING_OPTIMISATIONS";
     PROPERTY["FILL"] = "fill";
     PROPERTY["FILL_Y1"] = "FILL_Y1";
     PROPERTY["FILL_LINEAR_GRADIENT"] = "FILL_LINEAR_GRADIENT";
@@ -34,6 +35,8 @@ var PROPERTY;
     PROPERTY["PALETTE_PROVIDER"] = "PALETTE_PROVIDER";
     PROPERTY["POINT_MARKER"] = "pointMarker";
     PROPERTY["RANGE"] = "RANGE";
+    PROPERTY["RESAMPLING_MODE"] = "RESAMPLING_MODE";
+    PROPERTY["RESAMPLING_PRECISION"] = "RESAMPLING_PRECISION";
     PROPERTY["SPACING"] = "SPACING";
     PROPERTY["STACKED_GROUP_ID"] = "STACKED_GROUP_ID";
     PROPERTY["STROKE"] = "STROKE";

package/Charting/Visuals/SciChartDefaults.d.ts

@@ -5,7 +5,15 @@ export declare class SciChartDefaults {
      */
     static asyncLabels: boolean;
     /**
-     * Set this true to allow resuse of label textures across diferent axes and different charts
+     * Set this true to allow reuse of label textures across different axes and different charts
      */
     static useSharedCache: boolean;
+    /**
+     * Turn on/off resampling
+     */
+    static enableResampling: boolean;
+    /**
+     * Turn on/off warnings to optimize performance
+     */
+    static performanceWarnings: boolean;
 }

package/Charting/Visuals/SciChartDefaults.js

@@ -10,9 +10,17 @@ var SciChartDefaults = /** @class */ (function () {
      */
     SciChartDefaults.asyncLabels = false;
     /**
-     * Set this true to allow resuse of label textures across diferent axes and different charts
+     * Set this true to allow reuse of label textures across different axes and different charts
      */
     SciChartDefaults.useSharedCache = false;
+    /**
+     * Turn on/off resampling
+     */
+    SciChartDefaults.enableResampling = true;
+    /**
+     * Turn on/off warnings to optimize performance
+     */
+    SciChartDefaults.performanceWarnings = true;
     return SciChartDefaults;
 }());
 exports.SciChartDefaults = SciChartDefaults;

package/Charting/Visuals/SciChartPieSurface/SciChartPieSurface.d.ts

@@ -57,6 +57,7 @@ export declare class SciChartPieSurface implements ISciChartSurfaceBase {
     readonly domChartRoot: HTMLDivElement;
     readonly domCanvas2D: HTMLCanvasElement;
     readonly domSvgContainer: SVGSVGElement;
+    readonly domSvgAdornerLayer: SVGSVGElement;
     readonly domDivContainer: HTMLDivElement;
     animate: boolean;
     /**

package/Charting/Visuals/SciChartPieSurface/SciChartPieSurface.js

@@ -79,6 +79,7 @@ var SciChartPieSurface = /** @class */ (function () {
         this.domChartRoot = canvases.domChartRoot;
         this.domCanvas2D = canvases.domCanvas2D;
         this.domSvgContainer = canvases.domSvgContainer;
+        this.domSvgAdornerLayer = canvases.domSvgAdornerLayer;
         this.domDivContainer = canvases.domDivContainer;
         this.viewRect = new Rect_1.Rect(0, 0, this.domCanvas2D.width, this.domCanvas2D.height);
         this.drawChart = this.drawChart.bind(this);
@@ -328,13 +329,17 @@ var SciChartPieSurface = /** @class */ (function () {
             this.domChartRoot.style.height = "".concat(height, "px");
         }
         if (this.domCanvas2D) {
-            this.domCanvas2D.width = width;
-            this.domCanvas2D.height = height;
+            this.domCanvas2D.style.width = "".concat(width, "px");
+            this.domCanvas2D.style.height = "".concat(height, "px");
         }
         if (this.domSvgContainer) {
             this.domSvgContainer.setAttribute("width", width.toString());
             this.domSvgContainer.setAttribute("height", height.toString());
         }
+        if (this.domSvgAdornerLayer) {
+            this.domSvgAdornerLayer.setAttribute("width", width.toString());
+            this.domSvgAdornerLayer.setAttribute("height", height.toString());
+        }
         if (this.domDivContainer) {
             this.domDivContainer.style.height = "".concat(height, "px");
         }

package/Charting/Visuals/SciChartSurface.d.ts

@@ -53,16 +53,16 @@ export declare class SciChartSurface extends SciChartSurfaceBase {
     /**
      * Creates a {@link SciChartSurface} and {@link TSciChart | WebAssembly Context} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited
-     * @param divElementId The Div Element ID where the {@link SciChartSurface} will reside
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options Optional - Optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    static create(divElementId: string, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
+    static create(divElement: string | HTMLDivElement, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
     /**
      * USED INTERNALLY - performs a similar operation to {@link SciChartSurface.create} but used internally for testing
-     * @param divElementId
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options - optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    static createSingle(divElementId: string, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
+    static createSingle(divElement: string | HTMLDivElement, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
     /**
      * Allows setting of web URL for Wasm and Data files, in the case you are loading SciChart outside of npm/webpack environment.
      * Note if loading from CDN the version number of data/wasm Urls must match the version number of SciChart.js you are using.

package/Charting/Visuals/SciChartSurface.js

@@ -195,17 +195,17 @@ var SciChartSurface = /** @class */ (function (_super) {
     /**
      * Creates a {@link SciChartSurface} and {@link TSciChart | WebAssembly Context} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited
-     * @param divElementId The Div Element ID where the {@link SciChartSurface} will reside
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options Optional - Optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    SciChartSurface.create = function (divElementId, options) {
+    SciChartSurface.create = function (divElement, options) {
         (0, chartBuilder_1.ensureRegistrations)();
         options = SciChartSurface.resolveOptions(options);
         if (app_1.IS_TEST_ENV) {
-            return this.createTest(divElementId, options);
+            return this.createTest(divElement, options);
         }
         else {
-            return (0, createMaster_1.createMultichart)(divElementId, options).then(function (result) {
+            return (0, createMaster_1.createMultichart)(divElement, options).then(function (result) {
                 result.sciChartSurface.applyOptions(options);
                 return result;
             });
@@ -213,17 +213,17 @@ var SciChartSurface = /** @class */ (function (_super) {
     };
     /**
      * USED INTERNALLY - performs a similar operation to {@link SciChartSurface.create} but used internally for testing
-     * @param divElementId
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options - optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    SciChartSurface.createSingle = function (divElementId, options) {
+    SciChartSurface.createSingle = function (divElement, options) {
         (0, chartBuilder_1.ensureRegistrations)();
         options = SciChartSurface.resolveOptions(options);
         if (app_1.IS_TEST_ENV) {
-            return this.createTest(divElementId, options);
+            return this.createTest(divElement, options);
         }
         else {
-            return (0, createSingle_1.createSingleInternal)(divElementId, options).then(function (result) {
+            return (0, createSingle_1.createSingleInternal)(divElement, options).then(function (result) {
                 result.sciChartSurface.applyOptions(options);
                 return result;
             });
@@ -246,9 +246,9 @@ var SciChartSurface = /** @class */ (function (_super) {
         exports.sciChartConfig.dataUrl = (_a = config === null || config === void 0 ? void 0 : config.dataUrl) !== null && _a !== void 0 ? _a : undefined;
         exports.sciChartConfig.wasmUrl = (_b = config === null || config === void 0 ? void 0 : config.wasmUrl) !== null && _b !== void 0 ? _b : undefined;
     };
-    SciChartSurface.createTest = function (divElementId, options) {
+    SciChartSurface.createTest = function (divElement, options) {
         var _a, _b;
-        var canvases = sciChartInitCommon_1.default.initCanvas(divElementId, (_a = options === null || options === void 0 ? void 0 : options.widthAspect) !== null && _a !== void 0 ? _a : 0, (_b = options === null || options === void 0 ? void 0 : options.heightAspect) !== null && _b !== void 0 ? _b : 0, sciChartInitCommon_1.default.ECanvasType.canvas2D);
+        var canvases = sciChartInitCommon_1.default.initCanvas(divElement, (_a = options === null || options === void 0 ? void 0 : options.widthAspect) !== null && _a !== void 0 ? _a : 0, (_b = options === null || options === void 0 ? void 0 : options.heightAspect) !== null && _b !== void 0 ? _b : 0, sciChartInitCommon_1.default.ECanvasType.canvas2D);
         var sciChartSurface = new SciChartSurface(exports.sciChartConfig.testWasm, { canvases: canvases });
         sciChartSurface.applyTheme(options === null || options === void 0 ? void 0 : options.theme);
         sciChartSurface.applyOptions(options);
@@ -385,13 +385,20 @@ var SciChartSurface = /** @class */ (function (_super) {
             // Logger.log("SciChartSurface.isSuspended = true. Ignoring invalidateElement() call");
             return;
         }
+        // console.log("Invalidating ", this.domChartRoot.id);
         var canvasId = this.domCanvas2D ? this.domCanvas2D.id : "undefinedCanvasId";
         this.renderSurface.invalidateElement(canvasId);
     };
     // Step_5: Get context and pass drawing to SciChartRenderer
     SciChartSurface.prototype.doDrawingLoop = function () {
         var context = this.renderSurface.getRenderContext();
-        this.sciChartRenderer.render(context);
+        try {
+            // console.log("Drawing ", this.domChartRoot.id);
+            this.sciChartRenderer.render(context);
+        }
+        catch (err) {
+            console.error("Error from chart in div ".concat(this.domChartRoot.id), err);
+        }
     };
     /**
      * @inheritDoc

package/Charting/Visuals/SciChartSurfaceBase.d.ts

@@ -325,13 +325,14 @@ export declare abstract class SciChartSurfaceBase implements ISciChartSurfaceBas
     protected changeMasterCanvasViewportSize(wasmContext: TSciChart | TSciChart3D, pixelWidth: number, pixelHeight: number): void;
     protected changeWebGLCanvasViewportSize(wasmContext: TSciChart | TSciChart3D, pixelWidth: number, pixelHeight: number): void;
 }
-export declare const createChartDestination: (canvasId: string) => {
+export declare const createChartDestination: (canvas: HTMLCanvasElement) => {
     canvas: HTMLCanvasElement;
     GetHeight(): any;
     GetWidth(): any;
     GetID(): any;
 };
 export declare const getMasterCanvas: () => HTMLCanvasElement;
-export declare const copyToCanvas: (sourceCanvas: HTMLCanvasElement) => (destinationId: string) => void;
+export declare type TGetDestinationFn = (destinationId: string) => TSciChartDestination;
+export declare const copyToCanvas: (sourceCanvas: HTMLCanvasElement, getDestinationById: TGetDestinationFn) => (destinationId: string) => void;
 /** @ignore */
 export declare const getLocateFile: (sciChartConfig: TSciChartConfig) => (path: string, prefix: string) => string;