scichart 2.1.2261 → 2.1.2290

package/Builder/buildSeries.d.ts

@@ -35,6 +35,7 @@ import { ESeriesType } from "../types/SeriesType";
 import { EShaderEffectType } from "../types/ShaderEffectType";
 import { TSciChart } from "../types/TSciChart";
 import { TOhlcSeriesData, TSharedDataDefinition, TXySeriesData, TXyySeriesData, TXyzSeriesData } from "./buildDataSeries";
+import { IImpulseRenderableSeries } from "../Charting/Visuals/RenderableSeries/FastImpulseRenderableSeries";
 /** Definition of a pointmarker, comprising a {@link EPointMarkerType} and the relevant options */
 export declare type TPointMarkerDefinition = {
     type: EPointMarkerType.Cross;
@@ -113,6 +114,10 @@ export declare type TSeriesDefinition = {
     type: ESeriesType.ColumnSeries;
     options?: IColumnRenderableSeriesOptions;
     xyData?: TXySeriesData;
+} | {
+    type: ESeriesType.ImpulseSeries;
+    options?: IImpulseRenderableSeries;
+    xyData?: TXySeriesData;
 } | {
     type: ESeriesType.CandlestickSeries;
     options?: ICandlestickRenderableSeriesOptions;

package/Builder/buildSeries.js

@@ -42,6 +42,7 @@ var ShaderEffectType_1 = require("../types/ShaderEffectType");
 var buildDataSeries_1 = require("./buildDataSeries");
 var classFactory_1 = require("./classFactory");
 var chartBuilder_1 = require("./chartBuilder");
+var FastImpulseRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastImpulseRenderableSeries");
 (0, classFactory_1.registerWasmType)(BaseType_1.EBaseType.PointMarker, PointMarkerType_1.EPointMarkerType.Cross, function (wasm, options) { return new CrossPointMarker_1.CrossPointMarker(wasm, options); }, true);
 (0, classFactory_1.registerWasmType)(BaseType_1.EBaseType.PointMarker, PointMarkerType_1.EPointMarkerType.Ellipse, function (wasm, options) { return new EllipsePointMarker_1.EllipsePointMarker(wasm, options); }, true);
 (0, classFactory_1.registerWasmType)(BaseType_1.EBaseType.PointMarker, PointMarkerType_1.EPointMarkerType.Sprite, function (wasm, options) { return new SpritePointMarker_1.SpritePointMarker(wasm, options); }, true);
@@ -93,6 +94,9 @@ var buildSeries = function (wasmContext, definition, sharedData) {
         else if (seriesDef.type === SeriesType_1.ESeriesType.ColumnSeries) {
             series = new FastColumnRenderableSeries_1.FastColumnRenderableSeries(wasmContext, seriesDef.options);
         }
+        else if (seriesDef.type === SeriesType_1.ESeriesType.ImpulseSeries) {
+            series = new FastImpulseRenderableSeries_1.FastImpulseRenderableSeries(wasmContext, seriesDef.options);
+        }
         else if (seriesDef.type === SeriesType_1.ESeriesType.LineSeries) {
             series = new FastLineRenderableSeries_1.FastLineRenderableSeries(wasmContext, seriesDef.options);
         }

package/Charting/ChartModifiers/LegendModifier.d.ts

@@ -34,9 +34,9 @@ export interface ILegendModifierOptions extends IChartModifierBaseOptions {
      */
     margin?: number;
     /**
-     * The parent div element Id, the Legend will be appended to this element
+     * The parent div element Id or reference, the Legend will be appended to this element
      */
-    placementDivId?: string;
+    placementDivId?: string | HTMLDivElement;
 }
 /**
  * The LegendModifier provides interactive legend behavior on a 2D {@link SciChartSurface}

package/Charting/Themes/IThemeProvider.d.ts

@@ -204,6 +204,11 @@ export interface IThemeProvider {
      * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
      */
     columnFillBrush: string;
+    /**
+     * The default {@link FastImpulseRenderableSeries} fill brush as an HTML color code
+     * @remarks Acceptable values include RGB format e.g. ```#FF0000```, RGBA format e.g. ```#FF000077`` and RGBA format e.g. ```rgba(255,0,0,0.5)```
+     */
+    impulseFillBrush?: string;
     /**
      * The default {@link UniformHeatmapRenderableSeries} color-map gradient stops
      */
@@ -487,6 +492,7 @@ export declare abstract class ThemeProvider implements IThemeProvider {
     abstract lineSeriesColor: string;
     abstract columnLineColor: string;
     abstract columnFillBrush: string;
+    abstract impulseFillBrush: string;
     abstract defaultColorMapBrush: TGradientStop[];
     abstract axisTitleColor: string;
     abstract shadowEffectColor: string;

package/Charting/Themes/SciChartJSDarkTheme.d.ts

@@ -111,6 +111,8 @@ export declare class SciChartJSDarkTheme extends ThemeProvider {
     /** @inheritDoc */
     columnFillBrush: string;
     /** @inheritDoc */
+    impulseFillBrush: string;
+    /** @inheritDoc */
     defaultColorMapBrush: {
         offset: number;
         color: string;

package/Charting/Themes/SciChartJSDarkTheme.js

@@ -132,6 +132,8 @@ var SciChartJSDarkTheme = /** @class */ (function (_super) {
         /** @inheritDoc */
         _this.columnFillBrush = "#FFFFFFFF";
         /** @inheritDoc */
+        _this.impulseFillBrush = "#FFFFFFFF";
+        /** @inheritDoc */
         _this.defaultColorMapBrush = [
             { offset: 0, color: "DARKBLUE" },
             { offset: 0.5, color: "CORNFLOWERBLUE" },

package/Charting/Themes/SciChartJSLightTheme.d.ts

@@ -111,6 +111,8 @@ export declare class SciChartJSLightTheme extends ThemeProvider {
     /** @inheritDoc */
     columnFillBrush: string;
     /** @inheritDoc */
+    impulseFillBrush: string;
+    /** @inheritDoc */
     defaultColorMapBrush: {
         offset: number;
         color: string;

package/Charting/Themes/SciChartJSLightTheme.js

@@ -132,6 +132,8 @@ var SciChartJSLightTheme = /** @class */ (function (_super) {
         /** @inheritDoc */
         _this.columnFillBrush = "#777777FF";
         /** @inheritDoc */
+        _this.impulseFillBrush = "#777777FF";
+        /** @inheritDoc */
         _this.defaultColorMapBrush = [
             { offset: 0, color: "DARKBLUE" },
             { offset: 0.5, color: "CORNFLOWERBLUE" },

package/Charting/Visuals/Axis/CategoryAxisBase.d.ts

@@ -30,6 +30,7 @@ export declare abstract class CategoryAxisBase extends AxisBase2D {
     private defaultXValuesProperty;
     private defaultXStartProperty;
     private defaultXStepProperty;
+    private defaultBaseXValues;
     /**
      * Creates an instance of a {@link CategoryAxisBase}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
@@ -86,5 +87,10 @@ export declare abstract class CategoryAxisBase extends AxisBase2D {
      */
     protected getXDataRange(): NumberRange;
     protected getMaxAutoTicks(): number;
+    private generateDefaultXValuesForCategoryAxis;
     private setBaseXValues;
+    /**
+     * @inheritDoc
+     */
+    delete(): void;
 }

package/Charting/Visuals/Axis/CategoryAxisBase.js

@@ -47,6 +47,7 @@ var CategoryAxisBase = /** @class */ (function (_super) {
         _this.defaultXStepProperty = (_c = options === null || options === void 0 ? void 0 : options.defaultXStep) !== null && _c !== void 0 ? _c : _this.defaultXStepProperty;
         _this.tickProvider = new NumericTickProvider_1.NumericTickProvider(_this.webAssemblyContext2D);
         _this.deltaCalculator = new CategoryDeltaCalculator_1.CategoryDeltaCalculator(_this.webAssemblyContext2D);
+        _this.defaultBaseXValues = new _this.webAssemblyContext2D.SCRTDoubleVector();
         return _this;
     }
     Object.defineProperty(CategoryAxisBase.prototype, "isCategoryAxis", {
@@ -177,37 +178,55 @@ var CategoryAxisBase = /** @class */ (function (_super) {
         var coordCalc = this.getCurrentCoordinateCalculator();
         return Math.min(Math.max(1, this.maxAutoTicks), coordCalc.baseXValues.size());
     };
-    CategoryAxisBase.prototype.setBaseXValues = function (coordCalc, renderableSeries) {
-        var _this = this;
-        if (!(renderableSeries === null || renderableSeries === void 0 ? void 0 : renderableSeries.dataSeries)) {
-            if (!coordCalc.baseXValues) {
-                var defaultBaseXValues = new this.webAssemblyContext2D.SCRTDoubleVector();
-                if (this.defaultXValues && this.defaultXValues.length > 0) {
-                    (0, appendDoubleVectorFromJsArray_1.appendDoubleVectorFromJsArray)(this.webAssemblyContext2D, defaultBaseXValues, this.defaultXValues);
-                }
-                else {
-                    var xValues = Array.from(Array(this.visibleRange.diff), function (_, i) { return _this.defaultXStart + i * _this.defaultXStep; });
-                    (0, appendDoubleVectorFromJsArray_1.appendDoubleVectorFromJsArray)(this.webAssemblyContext2D, defaultBaseXValues, xValues);
-                }
-                coordCalc.baseXValues = defaultBaseXValues;
+    CategoryAxisBase.prototype.generateDefaultXValuesForCategoryAxis = function () {
+        this.defaultBaseXValues.clear();
+        if (this.defaultXValues && this.defaultXValues.length > 0) {
+            (0, appendDoubleVectorFromJsArray_1.appendDoubleVectorFromJsArray)(this.webAssemblyContext2D, this.defaultBaseXValues, this.defaultXValues);
+        }
+        else {
+            var xValues = [];
+            var length_1 = 10;
+            for (var i = 0; i < length_1; i++) {
+                xValues.push(this.defaultXStart + i * this.defaultXStep);
             }
-            return;
+            (0, appendDoubleVectorFromJsArray_1.appendDoubleVectorFromJsArray)(this.webAssemblyContext2D, this.defaultBaseXValues, xValues);
         }
-        if (renderableSeries.type === SeriesType_1.ESeriesType.UniformHeatmapSeries) {
+        return this.defaultBaseXValues;
+    };
+    CategoryAxisBase.prototype.setBaseXValues = function (coordCalc, renderableSeries) {
+        if ((renderableSeries === null || renderableSeries === void 0 ? void 0 : renderableSeries.type) === SeriesType_1.ESeriesType.UniformHeatmapSeries) {
             throw Error("Category Axis is not supported for UniformHeatmapRenderableSeries");
         }
-        if (renderableSeries.isStacked) {
+        if (renderableSeries === null || renderableSeries === void 0 ? void 0 : renderableSeries.isStacked) {
             var stackedCollection = renderableSeries;
             if (stackedCollection.size() === 0) {
                 throw Error("BaseStackedCollection should have at least one BaseStackedRenderableSeries");
             }
             var firstStackedRS = stackedCollection.get(0);
+            if (!(firstStackedRS === null || firstStackedRS === void 0 ? void 0 : firstStackedRS.dataSeries)) {
+                if (!coordCalc.baseXValues)
+                    coordCalc.baseXValues = this.generateDefaultXValuesForCategoryAxis();
+                return;
+            }
             coordCalc.baseXValues = firstStackedRS.dataSeries.getNativeXValues();
         }
         else {
+            // Not stacked renderable series
+            if (!(renderableSeries === null || renderableSeries === void 0 ? void 0 : renderableSeries.dataSeries)) {
+                if (!coordCalc.baseXValues)
+                    coordCalc.baseXValues = this.generateDefaultXValuesForCategoryAxis();
+                return;
+            }
             coordCalc.baseXValues = renderableSeries.dataSeries.getNativeXValues();
         }
     };
+    /**
+     * @inheritDoc
+     */
+    CategoryAxisBase.prototype.delete = function () {
+        _super.prototype.delete.call(this);
+        this.defaultBaseXValues = (0, Deleter_1.deleteSafe)(this.defaultBaseXValues);
+    };
     return CategoryAxisBase;
 }(AxisBase2D_1.AxisBase2D));
 exports.CategoryAxisBase = CategoryAxisBase;

package/Charting/Visuals/Legend/SciChartLegend.d.ts

@@ -35,5 +35,11 @@ export declare class SciChartLegend extends SciChartLegendBase {
     /** @inheritDoc */
     protected addEventListeners(): void;
     /** @inheritDoc */
+    protected removeEventListeners(): void;
+    /**
+     * adds event listeners to a specific {@link IRenderableSeries} series
+     */
+    protected addEventListenerToSeries(rs: IRenderableSeries): void;
+    /** @inheritDoc */
     protected getInnerHTML(): string;
 }

package/Charting/Visuals/Legend/SciChartLegend.js

@@ -79,7 +79,36 @@ var SciChartLegend = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SciChartLegend.prototype.addEventListeners = function () {
-        this.renderableSeriesArray.forEach(function (rs) { return addEventListenerToSeries(rs); });
+        var _this = this;
+        this.renderableSeriesArray.forEach(function (rs) { return _this.addEventListenerToSeries(rs); });
+    };
+    /** @inheritDoc */
+    SciChartLegend.prototype.removeEventListeners = function () {
+        var _this = this;
+        this.renderableSeriesArray.forEach(function (rs) { return _this.removeEventListenerFromSeries(rs.id); });
+    };
+    /**
+     * adds event listeners to a specific {@link IRenderableSeries} series
+     */
+    SciChartLegend.prototype.addEventListenerToSeries = function (rs) {
+        var el = this.getParentDiv().querySelector("[id='".concat(rs.id, "']"));
+        if (el) {
+            var onChangeEventListener_1 = function (e) { return (rs.isVisible = e.target.checked); };
+            el.addEventListener("change", onChangeEventListener_1);
+            var eventSubscriptionItem = {
+                element: el,
+                eventType: "change",
+                eventListener: onChangeEventListener_1,
+                delete: function () { return el.removeEventListener("change", onChangeEventListener_1); }
+            };
+            var eventListenersForRenderableSeries = this.eventListenersCollection.get(rs.id);
+            if (eventListenersForRenderableSeries) {
+                eventListenersForRenderableSeries.push(eventSubscriptionItem);
+            }
+            else {
+                this.eventListenersCollection.set(rs.id, [eventSubscriptionItem]);
+            }
+        }
     };
     /** @inheritDoc */
     SciChartLegend.prototype.getInnerHTML = function () {
@@ -104,15 +133,3 @@ var SciChartLegend = /** @class */ (function (_super) {
     return SciChartLegend;
 }(SciChartLegendBase_1.SciChartLegendBase));
 exports.SciChartLegend = SciChartLegend;
-/** @ignore */
-var addEventListenerToSeries = function (rs) {
-    var el = document.getElementById(rs.id);
-    if (el) {
-        // @ts-ignore
-        el.addEventListener("change", function (e) { return (rs.isVisible = e.target.checked); });
-    }
-};
-/** @ignore */
-var removeEventListenerFromSeries = function (renderableSeriesId) {
-    // TODO: to think about how to remove event listeners when removing series
-};

package/Charting/Visuals/Legend/SciChartLegendBase.d.ts

@@ -10,6 +10,11 @@ export declare type TLegendItem = {
     checked: boolean;
     gradient?: GradientParams;
 };
+export interface IEventSubscriptionItem extends IDeletable {
+    element: HTMLElement;
+    eventType: string;
+    eventListener: EventListener;
+}
 /**
  * Enumeration constants to define legend orientation
  */
@@ -48,7 +53,8 @@ export declare abstract class SciChartLegendBase implements IDeletable {
     protected marginProperty: number;
     protected isDirty: boolean;
     protected parentSurfaceProperty: ISciChartSurfaceBase;
-    protected placementDivIdProperty: string;
+    protected placementDivIdProperty: string | HTMLDivElement;
+    protected eventListenersCollection: Map<string, IEventSubscriptionItem[]>;
     /** @inheritDoc */
     abstract applyTheme(): void;
     setInvalidateParentSurface(value: () => void): void;
@@ -107,13 +113,13 @@ export declare abstract class SciChartLegendBase implements IDeletable {
      */
     set margin(value: number);
     /**
-     * Gets or sets the parent div element for the Legend
+     * Gets or sets the parent div element reference or id for the Legend
      */
-    get placementDivId(): string;
+    get placementDivId(): string | HTMLDivElement;
     /**
-     * Gets or sets the parent div element for the Legend
+     * Gets or sets the parent div element reference or id for the Legend
      */
-    set placementDivId(value: string);
+    set placementDivId(value: string | HTMLDivElement);
     /** @inheritDoc */
     delete(): void;
     /**
@@ -156,7 +162,15 @@ export declare abstract class SciChartLegendBase implements IDeletable {
      * When overridden in a derived class, will be called when its time to add event listeners to series
      */
     protected abstract addEventListeners(): void;
-    private getParentDiv;
+    /**
+     * When overridden in a derived class, will be called when its time to remove event listeners from series
+     */
+    protected abstract removeEventListeners(): void;
+    /**
+     * removes event listeners from a specific {@link IRenderableSeries} series
+     */
+    protected removeEventListenerFromSeries: (renderableSeriesId: string) => void;
+    protected getParentDiv(): HTMLDivElement;
 }
 export declare const getLegendItemHtml: (orientation: ELegendOrientation, showCheckboxes: boolean, showSeriesMarkers: boolean, item: TLegendItem) => string;
 export declare const getLegendContainerHtml: (placement: ELegendPlacement, textColor: string, backgroundColor: string, margin: Thickness, body: string) => string;

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -35,11 +35,24 @@ var ELegendType;
  */
 var SciChartLegendBase = /** @class */ (function () {
     function SciChartLegendBase() {
+        var _this = this;
         this.orientationProperty = ELegendOrientation.Vertical;
         this.showLegendProperty = true;
         this.placementProperty = ELegendPlacement.TopLeft;
         this.marginProperty = 10;
         this.isDirty = true;
+        this.eventListenersCollection = new Map();
+        /**
+         * removes event listeners from a specific {@link IRenderableSeries} series
+         */
+        this.removeEventListenerFromSeries = function (renderableSeriesId) {
+            var _a;
+            (_a = _this.eventListenersCollection.get(renderableSeriesId)) === null || _a === void 0 ? void 0 : _a.forEach(function (_a) {
+                var element = _a.element, eventListener = _a.eventListener, eventType = _a.eventType;
+                element.removeEventListener(eventType, eventListener);
+            });
+            _this.eventListenersCollection.delete(renderableSeriesId);
+        };
     }
     SciChartLegendBase.prototype.setInvalidateParentSurface = function (value) {
         this.invalidateParentSurface = value;
@@ -156,13 +169,13 @@ var SciChartLegendBase = /** @class */ (function () {
     });
     Object.defineProperty(SciChartLegendBase.prototype, "placementDivId", {
         /**
-         * Gets or sets the parent div element for the Legend
+         * Gets or sets the parent div element reference or id for the Legend
          */
         get: function () {
             return this.placementDivIdProperty;
         },
         /**
-         * Gets or sets the parent div element for the Legend
+         * Gets or sets the parent div element reference or id for the Legend
          */
         set: function (value) {
             this.delete();
@@ -175,8 +188,8 @@ var SciChartLegendBase = /** @class */ (function () {
     /** @inheritDoc */
     SciChartLegendBase.prototype.delete = function () {
         var _a;
-        // TODO: remove listeners from renderable series to prevent memory leaks in older browsers
         if (this.div) {
+            this.removeEventListeners();
             (_a = this.getParentDiv()) === null || _a === void 0 ? void 0 : _a.removeChild(this.div);
             this.div = undefined;
         }
@@ -239,7 +252,12 @@ var SciChartLegendBase = /** @class */ (function () {
         }
     };
     SciChartLegendBase.prototype.getParentDiv = function () {
-        return this.placementDivId ? document.getElementById(this.placementDivId) : this.rootDiv;
+        if (this.placementDivId) {
+            return typeof this.placementDivId === "string"
+                ? document.getElementById(this.placementDivId)
+                : this.placementDivId;
+        }
+        return this.rootDiv;
     };
     return SciChartLegendBase;
 }());

package/Charting/Visuals/Legend/SciChartPieLegend.d.ts

@@ -43,6 +43,8 @@ export declare class SciChartPieLegend extends SciChartLegendBase {
      * @inheritDoc
      */
     protected addEventListeners(): void;
+    /** @inheritDoc */
+    protected removeEventListeners(): void;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/Legend/SciChartPieLegend.js

@@ -95,10 +95,25 @@ var SciChartPieLegend = /** @class */ (function (_super) {
     SciChartPieLegend.prototype.addEventListeners = function () {
         var _this = this;
         this.pieSegmentArray.forEach(function (ps) {
-            var el = document.getElementById(getCheckboxId(ps.id));
-            (0, SciChartPieSurface_1.addEventListenerToPieSegment)(ps, el, _this.animate);
+            var el = _this.getParentDiv().querySelector("#".concat(getCheckboxId(ps.id)));
+            if (!el) {
+                return;
+            }
+            var eventSubscriptionItem = (0, SciChartPieSurface_1.addEventListenerToPieSegment)(ps, el, _this.animate);
+            var eventListenersForRenderableSeries = _this.eventListenersCollection.get(ps.id);
+            if (eventListenersForRenderableSeries) {
+                eventListenersForRenderableSeries.push(eventSubscriptionItem);
+            }
+            else {
+                _this.eventListenersCollection.set(ps.id, [eventSubscriptionItem]);
+            }
         });
     };
+    /** @inheritDoc */
+    SciChartPieLegend.prototype.removeEventListeners = function () {
+        var _this = this;
+        this.pieSegmentArray.forEach(function (ps) { return _this.removeEventListenerFromSeries(ps.id); });
+    };
     /**
      * @inheritDoc
      */
@@ -123,7 +138,3 @@ var SciChartPieLegend = /** @class */ (function (_super) {
 exports.SciChartPieLegend = SciChartPieLegend;
 /** @ignore */
 var getCheckboxId = function (pieSegmentId) { return "check".concat(pieSegmentId); };
-/** @ignore */
-var removeEventListenerFromSeries = function (renderableSeriesId) {
-    // TODO: to think about how to remove event listeners when removing series
-};

package/Charting/Visuals/RenderableSeries/Animations/animationHelpers.d.ts

@@ -14,7 +14,7 @@ export declare const animationHelpers: {
     checkCanDraw: (animationFSM: AnimationFiniteStateMachine) => boolean;
     checkIsAnimationRunning: (animationQueue: IAnimation[], animationFSM: AnimationFiniteStateMachine) => boolean;
     animationUpdate: (animationFSM: SeriesAnimationFiniteStateMachine, timeElapsed: number, beforeAnimationStart: () => void, afterAnimationComplete: () => void, updateAnimationProperties: (progress: number, animationFSM: SeriesAnimationFiniteStateMachine) => void) => void;
-    createPointMarker: (wasmContext: TSciChart, pointMarkerStyle: BasePointMarkerStyle) => SpritePointMarker | CrossPointMarker | EllipsePointMarker | XPointMarker | SquarePointMarker | TrianglePointMarker;
+    createPointMarker: (wasmContext: TSciChart, pointMarkerStyle: BasePointMarkerStyle) => EllipsePointMarker | SpritePointMarker | CrossPointMarker | XPointMarker | SquarePointMarker | TrianglePointMarker;
     interpolateNumber: (from: number, to: number, progress: number) => number;
     interpolateColor: (from: number, to: number, progress: number) => number;
     copyVector: (sourceVector: SCRTDoubleVector, targetVector: SCRTDoubleVector) => void;

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

@@ -85,6 +85,7 @@ var UniformContoursDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     UniformContoursDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
+        var _this = this;
         var _a, _b;
         var heightsTexture = (_a = this.heightsTextureCache) === null || _a === void 0 ? void 0 : _a.value;
         if (heightsTexture) {
@@ -94,15 +95,36 @@ var UniformContoursDrawingProvider = /** @class */ (function (_super) {
             // renderContext.getNativeContext().DrawTexture(this.heightsTexture, 10, 100, 256, 256);
             // renderContext.getNativeContext().DrawTexture(this.paletteTexture.getTexture(), 310, 100, 256, 256);
             // END DEBUG CODE
-            var cParams = this.parentSeries.getContourDrawingParams();
-            var x = renderPassData.xCoordinateCalculator.getCoordinate(cParams.xMin);
-            var y = renderPassData.yCoordinateCalculator.getCoordinate(cParams.yMin);
-            var width = renderPassData.xCoordinateCalculator.getCoordinate(cParams.xMax);
-            var height = renderPassData.yCoordinateCalculator.getCoordinate(cParams.yMax);
-            if (this.parentSeries.minorsPerMajor > 0) {
-                this.drawContours(renderContext, x, y, width, height, cParams.zMin, cParams.zMax, cParams.minorStepZ, cParams.minorLineStyle);
+            var cParams_1 = this.parentSeries.getContourDrawingParams();
+            var isVerticalChart = renderPassData.isVerticalChart;
+            var x_1 = renderPassData.xCoordinateCalculator.getCoordinate(cParams_1.xMin);
+            var y_1 = renderPassData.yCoordinateCalculator.getCoordinate(cParams_1.yMin);
+            var width_1 = renderPassData.xCoordinateCalculator.getCoordinate(cParams_1.xMax);
+            var height_1 = renderPassData.yCoordinateCalculator.getCoordinate(cParams_1.yMax);
+            var textureWidth = Math.abs(x_1 - width_1);
+            var drawContours = function () {
+                if (_this.parentSeries.minorsPerMajor > 0) {
+                    _this.drawContours(renderContext, x_1, y_1, width_1, height_1, cParams_1.zMin, cParams_1.zMax, cParams_1.minorStepZ, cParams_1.minorLineStyle);
+                }
+                _this.drawContours(renderContext, x_1, y_1, width_1, height_1, cParams_1.zMin, cParams_1.zMax, cParams_1.majorStepZ, cParams_1.majorLineStyle);
+            };
+            if (isVerticalChart) {
+                var nativeContext = renderContext.getNativeContext();
+                var hasFlippedXCoordinates = renderPassData.xCoordinateCalculator.hasFlippedCoordinates;
+                nativeContext.PushMatrix();
+                nativeContext.PushState();
+                nativeContext.Rotate(-90);
+                var xTrans = hasFlippedXCoordinates ? -textureWidth - x_1 : -x_1;
+                nativeContext.Translate(xTrans, 0);
+                x_1 = hasFlippedXCoordinates ? textureWidth : 0;
+                width_1 = hasFlippedXCoordinates ? 0 : textureWidth;
+                drawContours();
+                nativeContext.PopMatrix();
+                nativeContext.PopState();
+            }
+            else {
+                drawContours();
             }
-            this.drawContours(renderContext, x, y, width, height, cParams.zMin, cParams.zMax, cParams.majorStepZ, cParams.majorLineStyle);
         }
     };
     UniformContoursDrawingProvider.prototype.drawContours = function (renderContext, x, y, width, height, zMin, zMax, zStep, lineStyle) {

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

@@ -112,15 +112,19 @@ var UniformHeatmapDrawingProvider = /** @class */ (function (_super) {
             var viewRect = this.parentSeries.parentSurface.seriesViewRect;
             var textureWidth = Math.abs(xMin - xMax);
             if (isVerticalChart) {
+                nativeContext.PushMatrix();
+                nativeContext.PushState();
                 nativeContext.Rotate(-90);
-                var xTrans = hasFlippedXCoordinates ? -viewRect.y - xMin : -textureWidth - viewRect.y - xMin;
-                nativeContext.Translate(xTrans, viewRect.x);
+                var xTrans = hasFlippedXCoordinates ? -xMin : -textureWidth - xMin;
+                nativeContext.Translate(xTrans, 0);
                 var x = hasFlippedXCoordinates ? 0 : textureWidth;
                 var width = hasFlippedXCoordinates ? textureWidth : 0;
                 var y = yMin;
                 var height = yMax;
                 this.drawHeatmap(nativeContext, x, y, width, height);
                 // Maybe to use nativeContext.Scale(-1, 1);???
+                nativeContext.PopMatrix();
+                nativeContext.PopState();
             }
             else {
                 this.drawHeatmap(nativeContext, xMin, yMin, xMax, yMax);

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

@@ -45,7 +45,7 @@ export interface IColumnRenderableSeriesOptions extends IBaseRenderableSeriesOpt
  */
 export declare class FastColumnRenderableSeries extends BaseRenderableSeries {
     /** @inheritDoc */
-    readonly type = ESeriesType.ColumnSeries;
+    readonly type: ESeriesType;
     private fillProperty;
     private zeroLineYProperty;
     private dataPointWidthProperty;

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

@@ -0,0 +1,84 @@
+import { NumberRange } from "../../../Core/NumberRange";
+import { ESeriesType } from "../../../types/SeriesType";
+import { TSciChart } from "../../../types/TSciChart";
+import { IThemeProvider } from "../../Themes/IThemeProvider";
+import { FastColumnRenderableSeries } from "./FastColumnRenderableSeries";
+import { IHitTestProvider } from "./HitTest/IHitTestProvider";
+import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
+/**
+ * Options to pass to the {@link FastImpulseRenderableSeries} constructor
+ */
+export interface IImpulseRenderableSeries extends IBaseRenderableSeriesOptions {
+    /**
+     * The impulse fill as an HTML color code
+     */
+    fill?: string;
+    /**
+     * The impulse point size as a number value
+     */
+    size?: number;
+    /**
+     * Gets or sets the Zero-line Y, the Y-value where the column crosses zero and inverts. Default is 0
+     */
+    zeroLineY?: number;
+}
+/**
+ * Defines a impulse-series or JavaScript impulse chart type in the SciChart's High Performance Real-time
+ * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
+ * @remarks
+ * To add a impulse series to a {@link SciChartSurface} you need to declare both the {@link FastImpulseRenderableSeries | RenderableSeries}
+ * and a {@link XyDataSeries | DataSeries}. Simplified code sample below:
+ *
+ * ```ts
+ * const sciChartSurface: SciChartSurface;
+ * const wasmContext: TSciChart;
+ * // Create and fill the dataseries
+ * const dataSeries = new XyDataSeries(wasmContext);
+ * dataSeries.append(1,2);
+ * dataSeries.append(1,2);
+ * // Create the renderableSeries
+ * const impulseSeries = new FastImpulseRenderableSeries(wasmContext);
+ * impulseSeries.dataSeries = dataSeries;
+ * // append to the SciChartSurface
+ * sciChartSurface.renderableSeries.add(impulseSeries);
+ * ```
+ */
+export declare class FastImpulseRenderableSeries extends FastColumnRenderableSeries {
+    /** @inheritDoc */
+    readonly type = ESeriesType.ImpulseSeries;
+    private impulseFillProperty;
+    private impulseSizeProperty;
+    private impulseDataPointWidthProperty;
+    private impulseStrokeThicknessProperty;
+    /**
+     * Creates an instance of the {@link FastImpulseRenderableSeries}
+     * @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 IImpulseRenderableSeries} applied when constructing the series type
+     */
+    constructor(webAssemblyContext: TSciChart, options?: IImpulseRenderableSeries);
+    /**
+     * Gets or sets the color of each impulse
+     */
+    get fill(): string;
+    set fill(htmlColorCode: string);
+    /**
+     * Gets or sets the size of each impulse point
+     */
+    get size(): number;
+    set size(sizeParam: number);
+    /**
+     * @inheritDoc
+     */
+    getXRange(): NumberRange;
+    /**
+     * @inheritDoc
+     */
+    getYRange(xVisibleRange: NumberRange, isXCategoryAxis?: boolean): NumberRange;
+    /** @inheritDoc */
+    toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
+    /** @inheritDoc */
+    applyTheme(themeProvider: IThemeProvider): void;
+    /** @inheritDoc */
+    protected newHitTestProvider(): IHitTestProvider;
+}