scichart 2.2.2351 → 2.2.2393

package/Builder/buildAxis.d.ts

@@ -1,5 +1,6 @@
 import { AxisBase2D } from "../Charting/Visuals/Axis/AxisBase2D";
 import { ICategoryAxisOptions } from "../Charting/Visuals/Axis/CategoryAxis";
+import { IDateTimeNumericAxisOptions } from "../Charting/Visuals/Axis/DateTimeNumericAxis";
 import { ILabelOptions } from "../Charting/Visuals/Axis/LabelProvider/LabelProvider";
 import { ITextLabelOptions } from "../Charting/Visuals/Axis/LabelProvider/TextLabelProvider";
 import { ILogarithmicAxisOptions } from "../Charting/Visuals/Axis/LogarithmicAxis";
@@ -17,6 +18,9 @@ export declare type TAxisDefinition = {
 } | {
     type: EAxisType.CategoryAxis;
     options?: ICategoryAxisOptions;
+} | {
+    type: EAxisType.DateTimeNumericAxis;
+    options?: IDateTimeNumericAxisOptions;
 };
 /** Definition of a {@link LabelProviderBase2D}, comprising a {@link ELabelProviderType} and the relevant options  */
 export declare type TLabelProviderDefinition = {
@@ -34,6 +38,9 @@ export declare type TLabelProviderDefinition = {
 } | {
     type: ELabelProviderType.Text;
     options?: ITextLabelOptions;
+} | {
+    type: ELabelProviderType.Pie;
+    options?: ILabelOptions;
 };
 /**
  * Build one or more axes from a definition that can be pure data.

package/Builder/buildAxis.js

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildAxes = void 0;
 var CategoryAxis_1 = require("../Charting/Visuals/Axis/CategoryAxis");
+var DateTimeNumericAxis_1 = require("../Charting/Visuals/Axis/DateTimeNumericAxis");
 var DateLabelProvider_1 = require("../Charting/Visuals/Axis/LabelProvider/DateLabelProvider");
 var LogarithmicLabelProvider_1 = require("../Charting/Visuals/Axis/LabelProvider/LogarithmicLabelProvider");
 var NumericLabelProvider_1 = require("../Charting/Visuals/Axis/LabelProvider/NumericLabelProvider");
+var PieLabelProvider_1 = require("../Charting/Visuals/Axis/LabelProvider/PieLabelProvider");
 var SmartDateLabelProvider_1 = require("../Charting/Visuals/Axis/LabelProvider/SmartDateLabelProvider");
 var TextLabelProvider_1 = require("../Charting/Visuals/Axis/LabelProvider/TextLabelProvider");
 var LogarithmicAxis_1 = require("../Charting/Visuals/Axis/LogarithmicAxis");
@@ -20,6 +22,7 @@ var classFactory_1 = require("./classFactory");
 (0, classFactory_1.registerType)(BaseType_1.EBaseType.LabelProvider, LabelProviderType_1.ELabelProviderType.Logarithmic, function (options) { return new LogarithmicLabelProvider_1.LogarithmicLabelProvider(options); }, true);
 (0, classFactory_1.registerType)(BaseType_1.EBaseType.LabelProvider, LabelProviderType_1.ELabelProviderType.SmartDate, function (options) { return new SmartDateLabelProvider_1.SmartDateLabelProvider(); }, true);
 (0, classFactory_1.registerType)(BaseType_1.EBaseType.LabelProvider, LabelProviderType_1.ELabelProviderType.Text, function (options) { return new TextLabelProvider_1.TextLabelProvider(options); }, true);
+(0, classFactory_1.registerType)(BaseType_1.EBaseType.LabelProvider, LabelProviderType_1.ELabelProviderType.Pie, function (options) { return new PieLabelProvider_1.PieLabelProvider(options); }, true);
 /**
  * Build one or more axes from a definition that can be pure data.
  * @param wasmContext A {@link TSciChart | SciChart 2D WebAssembly Context} or {@link TSciChart | SciChart 3D WebAssembly Context}
@@ -55,6 +58,9 @@ var buildAxis = function (wasmContext, definition) {
         case AxisType_1.EAxisType.LogarithmicAxis:
             axis = new LogarithmicAxis_1.LogarithmicAxis(wasmContext, definition.options);
             break;
+        case AxisType_1.EAxisType.DateTimeNumericAxis:
+            axis = new DateTimeNumericAxis_1.DateTimeNumericAxis(wasmContext, definition.options);
+            break;
         default:
             axis = new NumericAxis_1.NumericAxis(wasmContext, {});
             break;

package/Builder/buildDataSeries.d.ts

@@ -1,3 +1,4 @@
+import { IHlcScaleOffsetFilterOptions } from "../Charting/Model/Filters/HlcScaleOffsetFilter";
 import { IOhlcScaleOffsetFilterOptions } from "../Charting/Model/Filters/OhlcScaleOffsetFilter";
 import { IXyFilterOptions } from "../Charting/Model/Filters/XyFilterBase";
 import { IXyMovingAverageFilterOptions } from "../Charting/Model/Filters/XyMovingAverageFilter";
@@ -5,6 +6,7 @@ import { IXyRatioFilterOptions } from "../Charting/Model/Filters/XyRatioFilter";
 import { IXyScaleOffsetFilterOptions } from "../Charting/Model/Filters/XyScaleOffsetFilter";
 import { IXyyScaleOffsetFilterOptions } from "../Charting/Model/Filters/XyyScaleOffsetFilter";
 import { IXyzScaleOffsetFilterOptions } from "../Charting/Model/Filters/XyzScaleOffsetFilter";
+import { IHlcDataSeriesOptions } from "../Charting/Model/HlcDataSeries";
 import { IDataSeries } from "../Charting/Model/IDataSeries";
 import { IOhlcDataSeriesOptions } from "../Charting/Model/OhlcDataSeries";
 import { IUniformHeatmapSeriesOptions } from "../Charting/Model/UniformHeatmapDataSeries";
@@ -38,6 +40,9 @@ declare type TFilterDefinition = {
 } | {
     type: EDataFilterType.XyzScaleOffset;
     options?: IXyzScaleOffsetFilterOptions;
+} | {
+    type: EDataFilterType.HlcScaleOffset;
+    options?: IHlcScaleOffsetFilterOptions;
 } | {
     type: EDataFilterType.OhlcScaleOffset;
     options?: IOhlcScaleOffsetFilterOptions;
@@ -100,8 +105,21 @@ export declare type TOhlcSeriesData = {
 } & IOhlcDataSeriesOptions & {
     filter?: TFilterDefinition;
 };
+/** Definition of Open, High, Low, Close data */
+export declare type THlcSeriesData = {
+    /** The id of sharedData to use for X data.  You must either use all DataId or all Values properties.  You cannot mix them. */
+    xDataId?: number | string;
+    /** The id of sharedData to use for High data.  You must either use all DataId or all Values properties.  You cannot mix them. */
+    highDataId?: number | string;
+    /** The id of sharedData to use for Low data.  You must either use all DataId or all Values properties.  You cannot mix them. */
+    lowDataId?: number | string;
+    /** The id of sharedData to use for Close data.  You must either use all DataId or all Values properties.  You cannot mix them. */
+    closeDataId?: number | string;
+} & IHlcDataSeriesOptions & {
+    filter?: TFilterDefinition;
+};
 /** Definition of series data, which can take various shapes */
-export declare type TSeriesDataDefinition = TXySeriesData | TXyySeriesData | TXyzSeriesData | TOhlcSeriesData | IUniformHeatmapSeriesOptions;
+export declare type TSeriesDataDefinition = TXySeriesData | TXyySeriesData | TXyzSeriesData | THlcSeriesData | TOhlcSeriesData | IUniformHeatmapSeriesOptions;
 /**
  * Build a data series from a definition that can be pure data.
  * @param wasmContext A {@link TSciChart | SciChart 2D WebAssembly Context} or {@link TSciChart | SciChart 3D WebAssembly Context}

package/Builder/buildDataSeries.js

@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildDataSeries = void 0;
+var HlcScaleOffsetFilter_1 = require("../Charting/Model/Filters/HlcScaleOffsetFilter");
 var OhlcScaleOffsetFilter_1 = require("../Charting/Model/Filters/OhlcScaleOffsetFilter");
 var XyLinearTrendFilter_1 = require("../Charting/Model/Filters/XyLinearTrendFilter");
 var XyMovingAverageFilter_1 = require("../Charting/Model/Filters/XyMovingAverageFilter");
@@ -19,6 +20,7 @@ var XyRatioFilter_1 = require("../Charting/Model/Filters/XyRatioFilter");
 var XyScaleOffsetFilter_1 = require("../Charting/Model/Filters/XyScaleOffsetFilter");
 var XyyScaleOffsetFilter_1 = require("../Charting/Model/Filters/XyyScaleOffsetFilter");
 var XyzScaleOffsetFilter_1 = require("../Charting/Model/Filters/XyzScaleOffsetFilter");
+var HlcDataSeries_1 = require("../Charting/Model/HlcDataSeries");
 var OhlcDataSeries_1 = require("../Charting/Model/OhlcDataSeries");
 var UniformHeatmapDataSeries_1 = require("../Charting/Model/UniformHeatmapDataSeries");
 var XyDataSeries_1 = require("../Charting/Model/XyDataSeries");
@@ -89,6 +91,22 @@ var buildDataSeries = function (wasmContext, seriesDefinition, sharedData) {
             filterDef = data.filter;
         }
     }
+    else if (hasOwnProperty(seriesDefinition, "hlcData")) {
+        var data = seriesDefinition.hlcData;
+        if (sharedData && data.xDataId) {
+            var xValues = sharedData[data.xDataId];
+            var highValues = sharedData[data.highDataId];
+            var lowValues = sharedData[data.lowDataId];
+            var yValues = sharedData[data.closeDataId];
+            dataSeries = new HlcDataSeries_1.HlcDataSeries(wasmContext, __assign({ xValues: xValues, highValues: highValues, lowValues: lowValues, yValues: yValues }, data));
+        }
+        else {
+            dataSeries = new HlcDataSeries_1.HlcDataSeries(wasmContext, data);
+        }
+        if (hasOwnProperty(data, "filter")) {
+            filterDef = data.filter;
+        }
+    }
     else if (hasOwnProperty(seriesDefinition, "ohlcData")) {
         var data = seriesDefinition.ohlcData;
         if (sharedData && data.xDataId) {
@@ -124,7 +142,10 @@ var buildDataSeries = function (wasmContext, seriesDefinition, sharedData) {
 };
 exports.buildDataSeries = buildDataSeries;
 var buildFilter = function (dataSeries, definition) {
-    if (definition.type === DataFilterType_1.EDataFilterType.OhlcScaleOffset) {
+    if (definition.type === DataFilterType_1.EDataFilterType.HlcScaleOffset) {
+        return new HlcScaleOffsetFilter_1.HlcScaleOffsetFilter(dataSeries, definition.options);
+    }
+    else if (definition.type === DataFilterType_1.EDataFilterType.OhlcScaleOffset) {
         return new OhlcScaleOffsetFilter_1.OhlcScaleOffsetFilter(dataSeries, definition.options);
     }
     else if (definition.type === DataFilterType_1.EDataFilterType.XyLinearTrend) {

package/Builder/buildSeries.d.ts

@@ -2,9 +2,9 @@ import { ISelectedPointOptions } from "../Charting/Model/DataPointSelectionPalet
 import { IUniformHeatmapSeriesOptions } from "../Charting/Model/UniformHeatmapDataSeries";
 import { IPointMarkerOptions } from "../Charting/Visuals/PointMarkers/BasePointMarker";
 import { ISpritePointMarkerOptions } from "../Charting/Visuals/PointMarkers/SpritePointMarker";
-import { IBaseAnimationOptions } from "../Charting/Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { IFadeAnimationOptions } from "../Charting/Visuals/RenderableSeries/Animations/FadeAnimation";
 import { IScaleAnimationOptions } from "../Charting/Visuals/RenderableSeries/Animations/ScaleAnimation";
+import { IBaseAnimationOptions } from "../Charting/Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { ISweepAnimationOptions } from "../Charting/Visuals/RenderableSeries/Animations/SweepAnimation";
 import { IWaveAnimationOptions } from "../Charting/Visuals/RenderableSeries/Animations/WaveAnimation";
 import { IBaseStackedCollectionOptions } from "../Charting/Visuals/RenderableSeries/BaseStackedCollection";
@@ -12,6 +12,7 @@ import { IBandRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeri
 import { IBubbleRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeries/FastBubbleRenderableSeries";
 import { ICandlestickRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeries/FastCandlestickRenderableSeries";
 import { IColumnRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeries/FastColumnRenderableSeries";
+import { IFastErrorBarsRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeries/FastErrorBarsRenderableSeries";
 import { IFastLineRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeries/FastLineRenderableSeries";
 import { IMountainRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeries/FastMountainRenderableSeries";
 import { IOhlcRenderableSeriesOptions } from "../Charting/Visuals/RenderableSeries/FastOhlcRenderableSeries";
@@ -34,7 +35,7 @@ import { EPointMarkerType } from "../types/PointMarkerType";
 import { ESeriesType } from "../types/SeriesType";
 import { EShaderEffectType } from "../types/ShaderEffectType";
 import { TSciChart } from "../types/TSciChart";
-import { TOhlcSeriesData, TSharedDataDefinition, TXySeriesData, TXyySeriesData, TXyzSeriesData } from "./buildDataSeries";
+import { THlcSeriesData, 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 = {
@@ -130,6 +131,10 @@ export declare type TSeriesDefinition = {
     type: ESeriesType.MountainSeries;
     options?: IMountainRenderableSeriesOptions;
     xyData?: TXySeriesData;
+} | {
+    type: ESeriesType.ErrorBarsSeries;
+    options?: IFastErrorBarsRenderableSeriesOptions;
+    hlcData?: THlcSeriesData;
 } | {
     type: ESeriesType.OhlcSeries;
     options?: IOhlcRenderableSeriesOptions;

package/Builder/buildSeries.js

@@ -18,6 +18,7 @@ var FastBandRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/F
 var FastBubbleRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastBubbleRenderableSeries");
 var FastCandlestickRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastCandlestickRenderableSeries");
 var FastColumnRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastColumnRenderableSeries");
+var FastErrorBarsRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastErrorBarsRenderableSeries");
 var FastLineRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastLineRenderableSeries");
 var FastMountainRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastMountainRenderableSeries");
 var FastOhlcRenderableSeries_1 = require("../Charting/Visuals/RenderableSeries/FastOhlcRenderableSeries");
@@ -40,8 +41,8 @@ var PointMarkerType_1 = require("../types/PointMarkerType");
 var SeriesType_1 = require("../types/SeriesType");
 var ShaderEffectType_1 = require("../types/ShaderEffectType");
 var buildDataSeries_1 = require("./buildDataSeries");
-var classFactory_1 = require("./classFactory");
 var chartBuilder_1 = require("./chartBuilder");
+var classFactory_1 = require("./classFactory");
 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);
@@ -103,6 +104,9 @@ var buildSeries = function (wasmContext, definition, sharedData) {
         else if (seriesDef.type === SeriesType_1.ESeriesType.MountainSeries) {
             series = new FastMountainRenderableSeries_1.FastMountainRenderableSeries(wasmContext, seriesDef.options);
         }
+        else if (seriesDef.type === SeriesType_1.ESeriesType.ErrorBarsSeries) {
+            series = new FastErrorBarsRenderableSeries_1.FastErrorBarsRenderableSeries(wasmContext, seriesDef.options);
+        }
         else if (seriesDef.type === SeriesType_1.ESeriesType.OhlcSeries) {
             series = new FastOhlcRenderableSeries_1.FastOhlcRenderableSeries(wasmContext, seriesDef.options);
         }

package/Charting/ChartModifiers/ModifierMouseArgs.d.ts

@@ -1,5 +1,5 @@
 import { Point } from "../../Core/Point";
-import { Size } from "../../types/Size";
+import { Rect } from "../../Core/Rect";
 import { ModifierArgsBase } from "./ModifierArgsBase";
 declare type TModifierMouseArgsParams = {
     mousePoint?: Point;
@@ -40,7 +40,7 @@ export declare class ModifierMouseArgs extends ModifierArgsBase {
      * @param masterViewport the master viewport or parent chart issuing mouse events
      * @param slaveViewport the slave viewport or child chart receiving mouse events
      */
-    static copy(args: ModifierMouseArgs, modifierGroup: string, masterViewport: Size, slaveViewport: Size): ModifierMouseArgs;
+    static copy(args: ModifierMouseArgs, modifierGroup: string, masterViewport: Rect, slaveViewport: Rect): ModifierMouseArgs;
     /**
      * The MousePoint as an X,Y coordinate where the event occurred
      */

package/Charting/ChartModifiers/ModifierMouseArgs.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModifierMouseArgs = void 0;
 var Guard_1 = require("../../Core/Guard");
 var Point_1 = require("../../Core/Point");
-var ModifierArgsBase_1 = require("./ModifierArgsBase");
 var DpiHelper_1 = require("../Visuals/TextureManager/DpiHelper");
+var ModifierArgsBase_1 = require("./ModifierArgsBase");
 /**
  * Mouse arguments passed to {@link ChartModifierBase} methods
  */
@@ -119,9 +119,11 @@ var ModifierMouseArgs = /** @class */ (function (_super) {
     ModifierMouseArgs.copy = function (args, modifierGroup, masterViewport, slaveViewport) {
         var mousePoint = args.mousePoint;
         if (masterViewport && slaveViewport) {
+            var sourceX = args.mousePoint.x - masterViewport.x;
+            var sourceY = args.mousePoint.y - masterViewport.y;
             var scaleX = slaveViewport.width / masterViewport.width;
             var scaleY = slaveViewport.height / masterViewport.height;
-            mousePoint = new Point_1.Point(args.mousePoint.x * scaleX, args.mousePoint.y * scaleY);
+            mousePoint = new Point_1.Point(slaveViewport.x + sourceX * scaleX, slaveViewport.y + sourceY * scaleY);
         }
         return __assign(__assign({}, args), { isMaster: false, handled: false, modifierGroup: modifierGroup, mousePoint: mousePoint });
     };

package/Charting/Drawing/WebGlRenderContext2D.js

@@ -6,6 +6,7 @@ var Guard_1 = require("../../Core/Guard");
 var RenderLayer_1 = require("../../types/RenderLayer");
 var parseColor_1 = require("../../utils/parseColor");
 var createNativeRect_1 = require("../Visuals/Helpers/createNativeRect");
+var NativeObject_1 = require("../Visuals/Helpers/NativeObject");
 var WebGlBrush_1 = require("./WebGlBrush");
 var WebGlPen_1 = require("./WebGlPen");
 /**
@@ -195,26 +196,18 @@ var WebGlRenderContext2D = /** @class */ (function () {
         Guard_1.Guard.notNull(scrtPen, "WasmPen.scrtPen");
         var isStrips = false;
         var nativeContext = this.getNativeContext();
-        var vertices = new this.webAssemblyContext.VectorColorVertex();
-        try {
-            var vertex0 = new this.webAssemblyContext.SCRTColorVertex(x1, y1);
-            vertices.push_back(vertex0);
-            vertex0.delete();
-            var vertex1 = new this.webAssemblyContext.SCRTColorVertex(x2, y2);
-            vertices.push_back(vertex1);
-            vertex1.delete();
-            nativeContext.PushMatrix();
-            nativeContext.PushState();
-            nativeContext.Translate(viewRect.x, viewRect.y);
-            nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
-            nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
-            nativeContext.PopMatrix();
-            nativeContext.PopState();
-        }
-        finally {
-            vertices.clear();
-            vertices.delete();
-        }
+        var vertices = (0, NativeObject_1.getVectorColorVertex)(this.webAssemblyContext);
+        var vertex0 = (0, NativeObject_1.getVertex)(this.webAssemblyContext, x1, y1);
+        vertices.push_back(vertex0);
+        var vertex1 = (0, NativeObject_1.getVertex)(this.webAssemblyContext, x2, y2);
+        vertices.push_back(vertex1);
+        nativeContext.PushMatrix();
+        nativeContext.PushState();
+        nativeContext.Translate(viewRect.x, viewRect.y);
+        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
+        nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
+        nativeContext.PopMatrix();
+        nativeContext.PopState();
     };
     /**
      * @inheritDoc
@@ -229,26 +222,19 @@ var WebGlRenderContext2D = /** @class */ (function () {
         Guard_1.Guard.notNull(scrtPen, "WebGlPen.scrtPen");
         var isStrips = lineDrawMode === ELineDrawMode.PolyLine;
         var nativeContext = this.getNativeContext();
-        var vertices = new this.webAssemblyContext.VectorColorVertex();
-        try {
-            for (var i = 0; i < xyValues.length; i += 2) {
-                var vertex = new this.webAssemblyContext.SCRTColorVertex();
-                vertex.m_vPosition = new this.webAssemblyContext.TSRVector3(xyValues[i], xyValues[i + 1], 0);
-                vertices.push_back(vertex);
-                vertex.delete();
-            }
-            nativeContext.PushMatrix();
-            nativeContext.PushState();
-            nativeContext.Translate(viewRect.x, viewRect.y);
-            nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
-            nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
-            nativeContext.PopMatrix();
-            nativeContext.PopState();
-        }
-        finally {
-            vertices.clear();
-            vertices.delete();
+        var vertices = (0, NativeObject_1.getVectorColorVertex)(this.webAssemblyContext);
+        for (var i = 0; i < xyValues.length; i += 2) {
+            var vertex = (0, NativeObject_1.getVertex)(this.webAssemblyContext, xyValues[i], xyValues[i + 1]);
+            vertex.m_vPosition.z = 0;
+            vertices.push_back(vertex);
         }
+        nativeContext.PushMatrix();
+        nativeContext.PushState();
+        nativeContext.Translate(viewRect.x, viewRect.y);
+        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
+        nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
+        nativeContext.PopMatrix();
+        nativeContext.PopState();
     };
     /**
      * @inheritDoc
@@ -258,14 +244,13 @@ var WebGlRenderContext2D = /** @class */ (function () {
             var nativeContext = this.getNativeContext();
             var scrtBrush = fillBrush.scrtBrush;
             Guard_1.Guard.notNull(scrtBrush, "WebGlBrush.scrtBrush");
-            var vertices = new this.webAssemblyContext.VectorRectVertex();
+            var vertices = (0, NativeObject_1.getVectorRectVertex)(this.webAssemblyContext);
             var anchorParams = new this.webAssemblyContext.TSRVector4();
             try {
                 anchorParams.x = 0;
                 anchorParams.y = 0;
                 var nativeRect = (0, createNativeRect_1.createNativeRect)(this.webAssemblyContext, rect.x, rect.y, rect.right, rect.bottom);
                 vertices.push_back(nativeRect);
-                nativeRect.delete();
                 nativeContext.PushMatrix();
                 nativeContext.PushState();
                 nativeContext.Translate(viewRect.x, viewRect.y);
@@ -276,7 +261,6 @@ var WebGlRenderContext2D = /** @class */ (function () {
             }
             finally {
                 anchorParams.delete();
-                vertices.delete();
             }
         }
         if (strokePen) {

package/Charting/Model/BaseHeatmapDataSeries.js

@@ -444,7 +444,7 @@ var BaseHeatmapDataSeries = /** @class */ (function () {
                 if (isNaN(this.zValuesProperty[y][x])) {
                     zValue = 0;
                 }
-                else if (zValue < newZMin) {
+                else if (zValue < zMin - newZMin) {
                     zValue = fillValuesOutOfRange ? zMin - newZMin : 0;
                 }
                 else if (zValue > zMax - newZMin) {

package/Charting/Model/ChartData/HlcSeriesInfo.d.ts

@@ -0,0 +1,12 @@
+import { HitTestInfo } from "../../Visuals/RenderableSeries/HitTest/HitTestInfo";
+import { IRenderableSeries } from "../../Visuals/RenderableSeries/IRenderableSeries";
+import { SeriesInfo } from "./SeriesInfo";
+export declare class HlcSeriesInfo extends SeriesInfo {
+    highValue: number;
+    lowValue: number;
+    closeValue: number;
+    constructor(renderableSeries: IRenderableSeries, hitTestInfo: HitTestInfo);
+    get formattedHighValue(): string;
+    get formattedLowValue(): string;
+    get formattedCloseValue(): string;
+}

package/Charting/Model/ChartData/HlcSeriesInfo.js

@@ -0,0 +1,52 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HlcSeriesInfo = void 0;
+var SeriesInfo_1 = require("./SeriesInfo");
+var HlcSeriesInfo = /** @class */ (function (_super) {
+    __extends(HlcSeriesInfo, _super);
+    function HlcSeriesInfo(renderableSeries, hitTestInfo) {
+        var _this = _super.call(this, renderableSeries, hitTestInfo) || this;
+        _this.highValue = hitTestInfo.highValue;
+        _this.lowValue = hitTestInfo.lowValue;
+        _this.closeValue = hitTestInfo.closeValue;
+        return _this;
+    }
+    Object.defineProperty(HlcSeriesInfo.prototype, "formattedHighValue", {
+        get: function () {
+            return this.getYCursorFormattedValue(this.highValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcSeriesInfo.prototype, "formattedLowValue", {
+        get: function () {
+            return this.getYCursorFormattedValue(this.lowValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcSeriesInfo.prototype, "formattedCloseValue", {
+        get: function () {
+            return this.getYCursorFormattedValue(this.closeValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return HlcSeriesInfo;
+}(SeriesInfo_1.SeriesInfo));
+exports.HlcSeriesInfo = HlcSeriesInfo;

package/Charting/Model/Filters/HlcCustomFilter.d.ts

@@ -0,0 +1,41 @@
+import { BaseDataSeries } from "../BaseDataSeries";
+import { HlcFilterBase, IHlcFilterOptions } from "./HlcFilterBase";
+import { TfilterFunction } from "./XyCustomFilter";
+/**
+ * Options for the {@link HlcCustomFilter}
+ */
+export interface IHlcCustomFilterOptions extends IHlcFilterOptions {
+    /**
+     * The function to apply to each high value in the original series
+     * If this is not set, the filterFunction will be applied.
+     */
+    highfilterFunction?: TfilterFunction;
+    /**
+     * The function to apply to each low value in the original series
+     * If this is not set, the filterFunction will be applied.
+     */
+    lowfilterFunction?: TfilterFunction;
+    /**
+     * The function to apply to each close value in the original series,
+     * And to the other values if they do not have specific functions set
+     */
+    closefilterFunction?: TfilterFunction;
+}
+export declare class HlcCustomFilter extends HlcFilterBase {
+    get closefilterFunction(): (index: number, y: number) => number;
+    set closefilterFunction(ff: (index: number, y: number) => number);
+    get highfilterFunction(): (index: number, y: number) => number;
+    set highfilterFunction(ff: (index: number, y: number) => number);
+    get lowfilterFunction(): (index: number, y: number) => number;
+    set lowfilterFunction(ff: (index: number, y: number) => number);
+    constructor(originalSeries: BaseDataSeries, options?: IHlcCustomFilterOptions);
+    protected highfilterFunctionProperty(index: number, y: number): number;
+    protected lowfilterFunctionProperty(index: number, y: number): number;
+    protected closefilterFunctionProperty(index: number, y: number): number;
+    protected filterOnAppend(count: number): void;
+    protected filterOnUpdate(index: number): void;
+    protected filterOnInsert(startIndex: number, count: number): void;
+    protected filterOnRemove(startIndex: number, count: number): void;
+    protected filterAll(): void;
+    private filter;
+}

package/Charting/Model/Filters/HlcCustomFilter.js

@@ -0,0 +1,119 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HlcCustomFilter = void 0;
+var IDataSeries_1 = require("../IDataSeries");
+var HlcFilterBase_1 = require("./HlcFilterBase");
+var HlcCustomFilter = /** @class */ (function (_super) {
+    __extends(HlcCustomFilter, _super);
+    function HlcCustomFilter(originalSeries, options) {
+        var _a, _b, _c;
+        var _this = _super.call(this, originalSeries, options) || this;
+        if (originalSeries.type !== IDataSeries_1.EDataSeriesType.Hlc) {
+            throw new Error("HlcCustomFilter only supports Hlc original series");
+        }
+        _this.closefilterFunctionProperty = (_a = options === null || options === void 0 ? void 0 : options.closefilterFunction) !== null && _a !== void 0 ? _a : _this.closefilterFunctionProperty;
+        _this.highfilterFunctionProperty = (_b = options === null || options === void 0 ? void 0 : options.highfilterFunction) !== null && _b !== void 0 ? _b : _this.closefilterFunction;
+        _this.lowfilterFunctionProperty = (_c = options === null || options === void 0 ? void 0 : options.lowfilterFunction) !== null && _c !== void 0 ? _c : _this.closefilterFunction;
+        if (_this.getOriginalCount() > 0 &&
+            ((options === null || options === void 0 ? void 0 : options.closefilterFunction) || (options === null || options === void 0 ? void 0 : options.highfilterFunction) || (options === null || options === void 0 ? void 0 : options.lowfilterFunction))) {
+            _this.filterAll();
+        }
+        return _this;
+    }
+    Object.defineProperty(HlcCustomFilter.prototype, "closefilterFunction", {
+        get: function () {
+            return this.closefilterFunctionProperty;
+        },
+        set: function (ff) {
+            this.closefilterFunctionProperty = ff;
+            this.filterAll();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcCustomFilter.prototype, "highfilterFunction", {
+        get: function () {
+            return this.highfilterFunctionProperty;
+        },
+        set: function (ff) {
+            this.highfilterFunctionProperty = ff;
+            this.filterAll();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcCustomFilter.prototype, "lowfilterFunction", {
+        get: function () {
+            return this.lowfilterFunctionProperty;
+        },
+        set: function (ff) {
+            this.lowfilterFunctionProperty = ff;
+            this.filterAll();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HlcCustomFilter.prototype.highfilterFunctionProperty = function (index, y) {
+        return y;
+    };
+    HlcCustomFilter.prototype.lowfilterFunctionProperty = function (index, y) {
+        return y;
+    };
+    HlcCustomFilter.prototype.closefilterFunctionProperty = function (index, y) {
+        return y;
+    };
+    HlcCustomFilter.prototype.filterOnAppend = function (count) {
+        var _a = this.filter(this.count(), count), xValues = _a.xValues, highValues = _a.highValues, lowValues = _a.lowValues, closeValues = _a.closeValues;
+        this.appendRange(xValues, closeValues, highValues, lowValues);
+    };
+    HlcCustomFilter.prototype.filterOnUpdate = function (index) {
+        var hlcSeries = this.originalSeries;
+        this.update(index, this.highfilterFunction(index, hlcSeries.getNativeHighValues().get(index)), this.lowfilterFunction(index, hlcSeries.getNativeLowValues().get(index)), this.closefilterFunction(index, hlcSeries.getNativeYValues().get(index)));
+    };
+    HlcCustomFilter.prototype.filterOnInsert = function (startIndex, count) {
+        var _a = this.filter(startIndex, count), xValues = _a.xValues, highValues = _a.highValues, lowValues = _a.lowValues, closeValues = _a.closeValues;
+        this.insertRange(startIndex, xValues, closeValues, highValues, lowValues);
+    };
+    HlcCustomFilter.prototype.filterOnRemove = function (startIndex, count) {
+        this.removeRange(startIndex, count);
+    };
+    HlcCustomFilter.prototype.filterAll = function () {
+        this.clear();
+        var _a = this.filter(0, this.getOriginalCount()), xValues = _a.xValues, highValues = _a.highValues, lowValues = _a.lowValues, closeValues = _a.closeValues;
+        this.appendRange(xValues, closeValues, highValues, lowValues);
+    };
+    HlcCustomFilter.prototype.filter = function (startIndex, count) {
+        var rawX = this.getOriginalXValues();
+        var rawClose = this.getOriginalYValues();
+        var rawHigh = this.getOriginalHighValues();
+        var rawLow = this.getOriginalLowValues();
+        var xValues = [];
+        var highValues = [];
+        var lowValues = [];
+        var closeValues = [];
+        for (var i = startIndex; i < startIndex + count; i++) {
+            xValues.push(rawX.get(i));
+            highValues.push(this.highfilterFunction(i, rawHigh.get(i)));
+            lowValues.push(this.lowfilterFunction(i, rawLow.get(i)));
+            closeValues.push(this.closefilterFunction(i, rawClose.get(i)));
+        }
+        return { xValues: xValues, highValues: highValues, lowValues: lowValues, closeValues: closeValues };
+    };
+    return HlcCustomFilter;
+}(HlcFilterBase_1.HlcFilterBase));
+exports.HlcCustomFilter = HlcCustomFilter;

package/Charting/Model/Filters/HlcFilterBase.d.ts

@@ -0,0 +1,30 @@
+import { SCRTDoubleVector } from "../../../types/TSciChart";
+import { BaseDataSeries } from "../BaseDataSeries";
+import { HlcDataSeries, IHlcDataSeriesOptions } from "../HlcDataSeries";
+import { IDataChangeArgs } from "../IDataSeries";
+import { EDataSeriesField } from "./XyFilterBase";
+export interface IHlcFilterOptions extends IHlcDataSeriesOptions {
+    closefield?: EDataSeriesField;
+    highfield?: EDataSeriesField;
+    lowfield?: EDataSeriesField;
+}
+export declare abstract class HlcFilterBase extends HlcDataSeries {
+    readonly closefield: EDataSeriesField;
+    readonly highfield: EDataSeriesField;
+    readonly lowfield: EDataSeriesField;
+    readonly originalSeries: BaseDataSeries;
+    constructor(originalSeries: BaseDataSeries, options?: IHlcFilterOptions);
+    getOriginalXValues(): SCRTDoubleVector;
+    getOriginalYValues(): SCRTDoubleVector;
+    getOriginalHighValues(): SCRTDoubleVector;
+    getOriginalLowValues(): SCRTDoubleVector;
+    getOriginalCount(): number;
+    protected abstract filterAll(): void;
+    protected onOriginalPropertyChanged(name: string): void;
+    protected filterOnAppend(count: number): void;
+    protected filterOnUpdate(index: number): void;
+    protected filterOnInsert(startIndex: number, count: number): void;
+    protected filterOnRemove(startIndex: number, count: number): void;
+    protected onClear(): void;
+    protected onBaseDataChanged(args: IDataChangeArgs): void;
+}