scichart 3.2.532 → 3.2.543

package/Charting/ChartModifiers/CursorModifier.js

@@ -735,7 +735,6 @@ var defaultTooltipTemplate = function (seriesInfos, svgAnnotation) {
     var tooltipFill = svgAnnotation.containerBackground;
     var tooltipStroke = svgAnnotation.textStroke;
     var shadowColor = svgAnnotation.cursorModifier.tooltipShadow;
-    console.log(shadowColor);
     var blur = "<feGaussianBlur result=\"blurOut\" in=\"offOut\" stdDeviation=\"3\" />";
     if (shadowColor !== undefined) {
         var shadowRGBA = (0, parseColor_1.parseColorToTArgb)(shadowColor);

package/Charting/Model/BaseDataSeries.d.ts

@@ -5,6 +5,7 @@ import { NumberRange } from "../../Core/NumberRange";
 import { NumberArray } from "../../types/NumberArray";
 import { ESearchMode } from "../../types/SearchMode";
 import { SCRTDoubleVector, TSciChart } from "../../types/TSciChart";
+import { EYRangeMode } from "../../types/YRangeMode";
 import { SeriesAnimation } from "../Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { IDataDistributionCalculator } from "./DataDistributionCalculator/IDataDistributionCalculator";
 import { IDoubleVectorProvider } from "./DoubleVectorProvider";
@@ -218,7 +219,7 @@ export declare abstract class BaseDataSeries extends DeletableEntity implements
     /** @inheritDoc */
     getXRange(dataSeriesValueType?: EDataSeriesValueType): NumberRange;
     /** @inheritDoc */
-    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType): NumberRange;
+    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType, yRangeMode?: EYRangeMode): NumberRange;
     /** @inheritDoc */
     getIndicesRange(xRange: NumberRange, isCategoryData?: boolean, downSearchMode?: ESearchMode, upSearchMode?: ESearchMode): NumberRange;
     /** @inheritDoc */
@@ -289,4 +290,4 @@ export declare abstract class BaseDataSeries extends DeletableEntity implements
 }
 /** @ignore */
 export declare const getIndicesRange: (webAssemblyContext: TSciChart, xValues: SCRTDoubleVector, xRange: NumberRange, isSorted: boolean, downSearchMode?: ESearchMode, upSearchMode?: ESearchMode) => NumberRange;
-export declare const getWindowedYRange: (webAssemblyContext: TSciChart, xValues: SCRTDoubleVector, yValues: SCRTDoubleVector, xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis: boolean, isSorted: boolean) => NumberRange;
+export declare const getWindowedYRange: (webAssemblyContext: TSciChart, xValues: SCRTDoubleVector, yValues: SCRTDoubleVector, xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis: boolean, isSorted: boolean, minSearchMode?: ESearchMode, maxSearchMode?: ESearchMode) => NumberRange;

package/Charting/Model/BaseDataSeries.js

@@ -35,6 +35,7 @@ var Guard_1 = require("../../Core/Guard");
 var NumberRange_1 = require("../../Core/NumberRange");
 var BaseType_1 = require("../../types/BaseType");
 var SearchMode_1 = require("../../types/SearchMode");
+var YRangeMode_1 = require("../../types/YRangeMode");
 var array_1 = require("../../utils/array");
 var guid_1 = require("../../utils/guid");
 var isRealNumber_1 = require("../../utils/isRealNumber");
@@ -338,12 +339,13 @@ var BaseDataSeries = /** @class */ (function (_super) {
         return new NumberRange_1.NumberRange(0, 0);
     };
     /** @inheritDoc */
-    BaseDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType) {
+    BaseDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType, yRangeMode) {
         if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
         if (dataSeriesValueType === void 0) { dataSeriesValueType = IDataSeries_1.EDataSeriesValueType.Default; }
+        if (yRangeMode === void 0) { yRangeMode = YRangeMode_1.EYRangeMode.Visible; }
         var xValues = this.getXValues(dataSeriesValueType);
         var yValues = this.getYValues(dataSeriesValueType);
-        return (0, exports.getWindowedYRange)(this.webAssemblyContext, xValues, yValues, xRange, getPositiveRange, isXCategoryAxis, this.dataDistributionCalculator.isSortedAscending);
+        return (0, exports.getWindowedYRange)(this.webAssemblyContext, xValues, yValues, xRange, getPositiveRange, isXCategoryAxis, this.dataDistributionCalculator.isSortedAscending, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundUp : SearchMode_1.ESearchMode.RoundDown, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundDown : SearchMode_1.ESearchMode.RoundUp);
     };
     /** @inheritDoc */
     BaseDataSeries.prototype.getIndicesRange = function (xRange, isCategoryData, downSearchMode, upSearchMode) {
@@ -703,7 +705,9 @@ var getIndicesRange = function (webAssemblyContext, xValues, xRange, isSorted, d
 };
 exports.getIndicesRange = getIndicesRange;
 var getWindowedYRange = function (webAssemblyContext, xValues, yValues, xRange, getPositiveRange, isXCategoryAxis, // false
-isSorted) {
+isSorted, minSearchMode, maxSearchMode) {
+    if (minSearchMode === void 0) { minSearchMode = SearchMode_1.ESearchMode.RoundUp; }
+    if (maxSearchMode === void 0) { maxSearchMode = SearchMode_1.ESearchMode.RoundDown; }
     // TODO: getPositiveRange
     var count = xValues.size();
     // if one point
@@ -714,7 +718,7 @@ isSorted) {
     }
     var indicesRange = isXCategoryAxis
         ? xRange
-        : (0, exports.getIndicesRange)(webAssemblyContext, xValues, xRange, isSorted, SearchMode_1.ESearchMode.RoundUp, SearchMode_1.ESearchMode.RoundDown);
+        : (0, exports.getIndicesRange)(webAssemblyContext, xValues, xRange, isSorted, minSearchMode, maxSearchMode);
     var iMin = Math.max(Math.floor(indicesRange.min), 0);
     var iMax = Math.min(Math.ceil(indicesRange.max), count - 1);
     if (iMax < iMin) {

package/Charting/Model/HlcDataSeries.d.ts

@@ -1,6 +1,7 @@
 import { NumberRange } from "../../Core/NumberRange";
 import { NumberArray } from "../../types/NumberArray";
 import { SCRTDoubleVector, TSciChart } from "../../types/TSciChart";
+import { EYRangeMode } from "../../types/YRangeMode";
 import { SeriesAnimation } from "../Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { BaseDataSeries, IBaseDataSeriesOptions } from "./BaseDataSeries";
 import { EDataSeriesType, EDataSeriesValueType } from "./IDataSeries";
@@ -172,7 +173,7 @@ export declare class HlcDataSeries extends BaseDataSeries {
     /** @inheritDoc */
     getXRange(dataSeriesValueType?: EDataSeriesValueType, isHorizontalDirection?: boolean, hasHighCap?: boolean, hasLowCap?: boolean): NumberRange;
     /** @inheritDoc */
-    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType, isHorizontalDirection?: boolean, hasHighCap?: boolean, hasLowCap?: boolean): NumberRange;
+    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType, yRangeMode?: EYRangeMode, isHorizontalDirection?: boolean, hasHighCap?: boolean, hasLowCap?: boolean): NumberRange;
     /** @inheritDoc */
     delete(): void;
     /** @inheritDoc */

package/Charting/Model/HlcDataSeries.js

@@ -21,6 +21,7 @@ var Guard_1 = require("../../Core/Guard");
 var NumberRange_1 = require("../../Core/NumberRange");
 var NumberArray_1 = require("../../types/NumberArray");
 var SearchMode_1 = require("../../types/SearchMode");
+var YRangeMode_1 = require("../../types/YRangeMode");
 var appendDoubleVectorFromJsArray_1 = require("../../utils/ccall/appendDoubleVectorFromJsArray");
 var isRealNumber_1 = require("../../utils/isRealNumber");
 var animationHelpers_1 = require("../Visuals/RenderableSeries/Animations/animationHelpers");
@@ -392,9 +393,10 @@ var HlcDataSeries = /** @class */ (function (_super) {
         return new NumberRange_1.NumberRange(0, 0);
     };
     /** @inheritDoc */
-    HlcDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType, isHorizontalDirection, hasHighCap, hasLowCap) {
+    HlcDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType, yRangeMode, isHorizontalDirection, hasHighCap, hasLowCap) {
         if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
         if (dataSeriesValueType === void 0) { dataSeriesValueType = IDataSeries_1.EDataSeriesValueType.Default; }
+        if (yRangeMode === void 0) { yRangeMode = YRangeMode_1.EYRangeMode.Visible; }
         if (isHorizontalDirection === void 0) { isHorizontalDirection = false; }
         var _a = this.getHlcValues(dataSeriesValueType), hValues = _a.hValues, lValues = _a.lValues, yValues = _a.yValues;
         // TODO: getPositiveRange
@@ -412,7 +414,7 @@ var HlcDataSeries = /** @class */ (function (_super) {
         }
         var indicesRange = isXCategoryAxis
             ? xRange
-            : this.getIndicesRange(xRange, false, SearchMode_1.ESearchMode.RoundUp, SearchMode_1.ESearchMode.RoundDown);
+            : this.getIndicesRange(xRange, false, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundUp : SearchMode_1.ESearchMode.RoundDown, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundDown : SearchMode_1.ESearchMode.RoundUp);
         var yMin = Number.MAX_VALUE;
         var yMax = Number.MIN_VALUE;
         var iMin = Math.max(Math.floor(indicesRange.min), 0);

package/Charting/Model/IDataSeries.d.ts

@@ -4,6 +4,7 @@ import { IDeletable } from "../../Core/IDeletable";
 import { NumberRange } from "../../Core/NumberRange";
 import { ESearchMode } from "../../types/SearchMode";
 import { SCRTDoubleVector } from "../../types/TSciChart";
+import { EYRangeMode } from "../../types/YRangeMode";
 import { IDataDistributionCalculator } from "./DataDistributionCalculator/IDataDistributionCalculator";
 /**
  * Defines {@link BaseDataSeries | DataSeries} types available within SciChart's
@@ -215,7 +216,7 @@ export interface IDataSeries extends IDeletable {
      * an axis type which measures by x-index not x-value
      * @param dataSeriesValueType The data series values to use {@link EDataSeriesValueType}
      */
-    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isCategoryAxis: boolean, dataSeriesValueType?: EDataSeriesValueType): NumberRange;
+    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isCategoryAxis: boolean, dataSeriesValueType?: EDataSeriesValueType, yRangeMode?: EYRangeMode): NumberRange;
     /**
      * Convert the object to a definition that can be serialized to JSON, or used directly with the builder api
      * @param excludeData if set true, data values will not be included in the json.

package/Charting/Model/IPaletteProvider.d.ts

@@ -1,4 +1,6 @@
 import { TPaletteProviderDefinition } from "../../Builder/buildSeries";
+import { SCRTDoubleVector } from "../../types/TSciChart";
+import { TPalettingState } from "../Visuals/RenderableSeries/DrawingProviders/BaseSeriesDrawingProvider";
 import { IRenderableSeries } from "../Visuals/RenderableSeries/IRenderableSeries";
 import { IPointMetadata } from "./IPointMetadata";
 /**
@@ -19,9 +21,23 @@ export interface IPaletteProvider {
      * Called when the PaletteProvider instance is detached from a {@link BaseRenderableSeries | RenderableSeries}.
      */
     onDetached(): void;
+    /**
+     * Set true if the paletting does not depend on the visible Range.  This prevents the palette being recalculated if only the visible range changes.
+     */
+    isRangeIndependant?: boolean;
+    /**
+     * Called once before the per-vertex loop starts.
+     * @Returns true if paletting should be forced to run.  If this exists and returns false, the existing paletting state is reused if possible.
+     * If this does NOT exist, the palette will be recalculated on every render.  This default will change in v4.
+     * Use this to force the palette to be recalculated if some external parameter to it changes.
+     */
+    shouldUpdatePalette?(): boolean;
     /** Convert the object to a definition that can be serialized to JSON, or used directly with the builder api */
     toJSON?(): TPaletteProviderDefinition;
 }
+export interface IAdvancedPaletteProvider extends IPaletteProvider {
+    applyPaletting(palettingState: TPalettingState, xValues: SCRTDoubleVector, yValues: SCRTDoubleVector, indexes: SCRTDoubleVector, startIndex: number, count: number): void;
+}
 export declare enum EStrokePaletteMode {
     GRADIENT = "GRADIENT",
     SOLID = "SOLID"
@@ -122,6 +138,7 @@ export declare class DefaultPaletteProvider implements IStrokePaletteProvider, I
     static createEmpty(): DefaultPaletteProvider;
     strokePaletteMode: EStrokePaletteMode;
     fillPaletteMode: EFillPaletteMode;
+    protected parentSeries: IRenderableSeries;
     /**
      * @inheritDoc
      */
@@ -130,6 +147,14 @@ export declare class DefaultPaletteProvider implements IStrokePaletteProvider, I
      * @inheritDoc
      */
     onDetached(): void;
+    /**
+     * @inheritDoc
+     */
+    get isRangeIndependant(): boolean;
+    /**
+     * @inheritDoc
+     */
+    shouldUpdatePalette(): boolean;
     /**
      * @inheritDoc
      */

package/Charting/Model/IPaletteProvider.js

@@ -30,8 +30,6 @@ var DefaultPaletteProvider = /** @class */ (function () {
     }
     DefaultPaletteProvider.createEmpty = function () {
         var pp = new DefaultPaletteProvider();
-        pp.onAttached = undefined;
-        pp.onDetached = undefined;
         pp.overrideFillArgb = undefined;
         pp.overrideStrokeArgb = undefined;
         pp.overridePointMarkerArgb = undefined;
@@ -40,13 +38,31 @@ var DefaultPaletteProvider = /** @class */ (function () {
     /**
      * @inheritDoc
      */
-    // tslint:disable-next-line:no-empty
-    DefaultPaletteProvider.prototype.onAttached = function (parentSeries) { };
+    DefaultPaletteProvider.prototype.onAttached = function (parentSeries) {
+        this.parentSeries = parentSeries;
+    };
+    /**
+     * @inheritDoc
+     */
+    DefaultPaletteProvider.prototype.onDetached = function () {
+        this.parentSeries = undefined;
+    };
+    Object.defineProperty(DefaultPaletteProvider.prototype, "isRangeIndependant", {
+        /**
+         * @inheritDoc
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * @inheritDoc
      */
-    // tslint:disable-next-line:no-empty
-    DefaultPaletteProvider.prototype.onDetached = function () { };
+    DefaultPaletteProvider.prototype.shouldUpdatePalette = function () {
+        return false;
+    };
     /**
      * @inheritDoc
      */
@@ -66,7 +82,7 @@ var DefaultPaletteProvider = /** @class */ (function () {
         return undefined;
     };
     DefaultPaletteProvider.prototype.toJSON = function () {
-        // No need to serialise this as it is created automatiicaly if a palletprovider is not specified.
+        // No need to serialise this as it is created automaticaly if a palletprovider is not specified.
         return undefined;
     };
     return DefaultPaletteProvider;

package/Charting/Model/OhlcDataSeries.d.ts

@@ -1,6 +1,7 @@
 import { NumberRange } from "../../Core/NumberRange";
 import { NumberArray } from "../../types/NumberArray";
 import { SCRTDoubleVector, TSciChart } from "../../types/TSciChart";
+import { EYRangeMode } from "../../types/YRangeMode";
 import { SeriesAnimation } from "../Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { BaseDataSeries, IBaseDataSeriesOptions } from "./BaseDataSeries";
 import { EDataSeriesType, EDataSeriesValueType } from "./IDataSeries";
@@ -199,7 +200,7 @@ export declare class OhlcDataSeries extends BaseDataSeries {
     /** @inheritDoc */
     delete(): void;
     /** @inheritDoc */
-    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType): NumberRange;
+    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType, yRangeMode?: EYRangeMode): NumberRange;
     /** @inheritDoc */
     createAnimationVectors(): void;
     /** @inheritDoc */

package/Charting/Model/OhlcDataSeries.js

@@ -21,6 +21,7 @@ var Guard_1 = require("../../Core/Guard");
 var NumberRange_1 = require("../../Core/NumberRange");
 var NumberArray_1 = require("../../types/NumberArray");
 var SearchMode_1 = require("../../types/SearchMode");
+var YRangeMode_1 = require("../../types/YRangeMode");
 var appendDoubleVectorFromJsArray_1 = require("../../utils/ccall/appendDoubleVectorFromJsArray");
 var animationHelpers_1 = require("../Visuals/RenderableSeries/Animations/animationHelpers");
 var BaseDataSeries_1 = require("./BaseDataSeries");
@@ -353,9 +354,10 @@ var OhlcDataSeries = /** @class */ (function (_super) {
         _super.prototype.delete.call(this);
     };
     /** @inheritDoc */
-    OhlcDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType) {
+    OhlcDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType, yRangeMode) {
         if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
         if (dataSeriesValueType === void 0) { dataSeriesValueType = IDataSeries_1.EDataSeriesValueType.Default; }
+        if (yRangeMode === void 0) { yRangeMode = YRangeMode_1.EYRangeMode.Visible; }
         var _a = this.getOHLCValues(dataSeriesValueType), closeValues = _a.closeValues, highValues = _a.highValues, lowValues = _a.lowValues;
         if (this.count() === 1) {
             var y = closeValues.get(0);
@@ -363,7 +365,7 @@ var OhlcDataSeries = /** @class */ (function (_super) {
         }
         var indicesRange = isXCategoryAxis
             ? xRange
-            : this.getIndicesRange(xRange, false, SearchMode_1.ESearchMode.RoundUp, SearchMode_1.ESearchMode.RoundDown);
+            : this.getIndicesRange(xRange, false, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundUp : SearchMode_1.ESearchMode.RoundDown, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundDown : SearchMode_1.ESearchMode.RoundUp);
         var yMin = Number.MAX_VALUE;
         var yMax = Number.MIN_VALUE;
         var iMin = Math.max(indicesRange.min, 0);

package/Charting/Model/XyyDataSeries.d.ts

@@ -1,6 +1,7 @@
 import { NumberRange } from "../../Core/NumberRange";
 import { NumberArray } from "../../types/NumberArray";
 import { SCRTDoubleVector, TSciChart } from "../../types/TSciChart";
+import { EYRangeMode } from "../../types/YRangeMode";
 import { SeriesAnimation } from "../Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { BaseDataSeries, IBaseDataSeriesOptions } from "./BaseDataSeries";
 import { EDataSeriesType, EDataSeriesValueType } from "./IDataSeries";
@@ -148,7 +149,7 @@ export declare class XyyDataSeries extends BaseDataSeries {
      */
     clear(): void;
     /** @inheritDoc */
-    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType): NumberRange;
+    getWindowedYRange(xRange: NumberRange, getPositiveRange: boolean, isXCategoryAxis?: boolean, dataSeriesValueType?: EDataSeriesValueType, yRangeMode?: EYRangeMode): NumberRange;
     /** @inheritDoc */
     delete(): void;
     createAnimationVectors(): void;

package/Charting/Model/XyyDataSeries.js

@@ -21,6 +21,7 @@ var Guard_1 = require("../../Core/Guard");
 var NumberRange_1 = require("../../Core/NumberRange");
 var NumberArray_1 = require("../../types/NumberArray");
 var SearchMode_1 = require("../../types/SearchMode");
+var YRangeMode_1 = require("../../types/YRangeMode");
 var appendDoubleVectorFromJsArray_1 = require("../../utils/ccall/appendDoubleVectorFromJsArray");
 var isRealNumber_1 = require("../../utils/isRealNumber");
 var animationHelpers_1 = require("../Visuals/RenderableSeries/Animations/animationHelpers");
@@ -290,9 +291,10 @@ var XyyDataSeries = /** @class */ (function (_super) {
         }
     };
     /** @inheritDoc */
-    XyyDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType) {
+    XyyDataSeries.prototype.getWindowedYRange = function (xRange, getPositiveRange, isXCategoryAxis, dataSeriesValueType, yRangeMode) {
         if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
         if (dataSeriesValueType === void 0) { dataSeriesValueType = IDataSeries_1.EDataSeriesValueType.Default; }
+        if (yRangeMode === void 0) { yRangeMode = YRangeMode_1.EYRangeMode.Visible; }
         var _a = this.getYY1Values(dataSeriesValueType), yValues = _a.yValues, y1Values = _a.y1Values;
         // TODO: getPositiveRange
         // if one point
@@ -303,7 +305,7 @@ var XyyDataSeries = /** @class */ (function (_super) {
         }
         var indicesRange = isXCategoryAxis
             ? xRange
-            : this.getIndicesRange(xRange, false, SearchMode_1.ESearchMode.RoundUp, SearchMode_1.ESearchMode.RoundDown);
+            : this.getIndicesRange(xRange, false, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundUp : SearchMode_1.ESearchMode.RoundDown, yRangeMode === YRangeMode_1.EYRangeMode.Visible ? SearchMode_1.ESearchMode.RoundDown : SearchMode_1.ESearchMode.RoundUp);
         var iMin = Math.max(Math.floor(indicesRange.min), 0);
         var iMax = Math.min(Math.ceil(indicesRange.max), this.count() - 1);
         if (iMax < iMin) {

package/Charting/Visuals/Annotations/AnnotationBase.js

@@ -809,8 +809,8 @@ var AnnotationBase = /** @class */ (function (_super) {
             case ECoordinateMode.Relative: {
                 // Value is 0.5 means 50% of the viewport size
                 return this.isSvgAnnotation
-                    ? (value * calculator.viewportDimension) / DpiHelper_1.DpiHelper.PIXEL_RATIO
-                    : value * calculator.viewportDimension;
+                    ? (value * calculator.viewportDimension + calculator.offset) / DpiHelper_1.DpiHelper.PIXEL_RATIO
+                    : value * calculator.viewportDimension + calculator.offset;
             }
             default: {
                 throw new Error("AnnotationBase.getCoordinate with CoordinateMode.".concat(coordinateMode, " is not implemented"));
@@ -948,7 +948,7 @@ var AnnotationBase = /** @class */ (function (_super) {
                 return value !== undefined && value !== null ? calculator.getDataValue(value) : undefined;
             }
             case ECoordinateMode.Relative: {
-                return value / calculator.viewportDimension;
+                return (value - calculator.offset) / calculator.viewportDimension;
             }
             default: {
                 throw new Error("Not implemented");

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

@@ -1,12 +1,13 @@
 import { TSeriesDefinition } from "../../../Builder/buildSeries";
 import { SeriesAnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { EventHandler } from "../../../Core/EventHandler";
 import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
 import { ELineDrawMode, WebGlRenderContext2D } from "../../Drawing/WebGlRenderContext2D";
 import { SeriesInfo } from "../../Model/ChartData/SeriesInfo";
-import { IDataSeries } from "../../Model/IDataSeries";
+import { IDataChangeArgs, IDataSeries } from "../../Model/IDataSeries";
 import { IPaletteProvider } from "../../Model/IPaletteProvider";
 import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
 import { XyPointSeriesResampled } from "../../Model/PointSeries/XyPointSeriesResampled";
@@ -21,19 +22,20 @@ import { IPointMarker } from "../PointMarkers/IPointMarker";
 import { SciChartSurface } from "../SciChartSurface";
 import { TDpiChangedEventArgs } from "../TextureManager/DpiHelper";
 import { SeriesAnimation } from "./Animations/SeriesAnimation";
+import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
 import { TPalettingState } from "./DrawingProviders/BaseSeriesDrawingProvider";
 import { ISeriesDrawingProvider } from "./DrawingProviders/ISeriesDrawingProvider";
 import { HitTestInfo } from "./HitTest/HitTestInfo";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
 import { IRenderableSeries } from "./IRenderableSeries";
+import { IRenderDataTransform } from "./RenderDataTransforms/BaseRenderDataTransform";
 import { RolloverModifierRenderableSeriesProps } from "./RolloverModifier/RolloverModifierRenderableSeriesProps";
 import { SeriesHoveredArgs } from "./SeriesHoveredArgs";
 import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
 import { SeriesVisibleChangedArgs } from "./SeriesVisibleChangedArgs";
 import { ShaderEffect } from "./ShaderEffect";
-import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
-import { DeletableEntity } from "../../../Core/DeletableEntity";
+import { EYRangeMode } from "../../../types/YRangeMode";
 /**
  * @summary Defines the base class to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -71,6 +73,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     protected animationQueue: SeriesAnimation[];
     protected paletteProviderProperty: IPaletteProvider;
     protected dataLabelProviderProperty: BaseDataLabelProvider;
+    protected renderDataTransformProperty: IRenderDataTransform;
     protected typeMap: Map<string, string>;
     protected resamplerHelper: ExtremeResamplerHelper;
     protected pointSeries: XyPointSeriesResampled;
@@ -92,6 +95,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     private resamplingModeProperty;
     private resamplingPrecisionProperty;
     private clipToYRangeProperty;
+    private yRangeModeProperty;
     /**
      * Creates an instance of the {@link BaseRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -194,6 +198,9 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     get clipToYRange(): boolean;
     set clipToYRange(value: boolean);
     /** @inheritDoc */
+    get yRangeMode(): EYRangeMode;
+    set yRangeMode(value: EYRangeMode);
+    /** @inheritDoc */
     get isSpline(): boolean;
     /** @inheritDoc */
     draw(renderContext: WebGlRenderContext2D, renderPassData: RenderPassData): void;
@@ -281,6 +288,10 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     /** @inheritDoc */
     set dataLabelProvider(provider: BaseDataLabelProvider);
     /** @inheritDoc */
+    get renderDataTransform(): IRenderDataTransform;
+    /** @inheritDoc */
+    set renderDataTransform(transform: IRenderDataTransform);
+    /** @inheritDoc */
     resolveAutoColors(index: number, maxSeries: number, theme: IThemeProvider): void;
     /** @inheritDoc */
     adjustAutoColor(propertyName: string, color: string): string;
@@ -316,7 +327,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
      * Is being called when the data for the underlying DataSeries changes
      * @protected
      */
-    protected dataSeriesDataChanged(): void;
+    protected dataSeriesDataChanged(args: IDataChangeArgs): void;
     protected valueChanged(oldValue: any, newValue: any): boolean;
     protected setPaletteProvider(paletteProvider: IPaletteProvider): void;
     private invalidateParent;

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -18,10 +18,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDelta = exports.getDataPointWidth = exports.BaseRenderableSeries = void 0;
 var classFactory_1 = require("../../../Builder/classFactory");
 var AnimationFiniteStateMachine_1 = require("../../../Core/Animations/AnimationFiniteStateMachine");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../Core/Deleter");
 var EventHandler_1 = require("../../../Core/EventHandler");
+var Rect_1 = require("../../../Core/Rect");
 var AnimationType_1 = require("../../../types/AnimationType");
 var BaseType_1 = require("../../../types/BaseType");
+var DataLabelProviderType_1 = require("../../../types/DataLabelProviderType");
 var PaletteProviderType_1 = require("../../../types/PaletteProviderType");
 var PointMarkerType_1 = require("../../../types/PointMarkerType");
 var SeriesType_1 = require("../../../types/SeriesType");
@@ -32,6 +35,7 @@ var HlcSeriesInfo_1 = require("../../Model/ChartData/HlcSeriesInfo");
 var OhlcSeriesInfo_1 = require("../../Model/ChartData/OhlcSeriesInfo");
 var XySeriesInfo_1 = require("../../Model/ChartData/XySeriesInfo");
 var XyySeriesInfo_1 = require("../../Model/ChartData/XyySeriesInfo");
+var XyzSeriesInfo_1 = require("../../Model/ChartData/XyzSeriesInfo");
 var IDataSeries_1 = require("../../Model/IDataSeries");
 var IPaletteProvider_1 = require("../../Model/IPaletteProvider");
 var XyPointSeriesResampled_1 = require("../../Model/PointSeries/XyPointSeriesResampled");
@@ -49,10 +53,7 @@ var RolloverModifierRenderableSeriesProps_1 = require("./RolloverModifier/Rollov
 var SeriesHoveredArgs_1 = require("./SeriesHoveredArgs");
 var SeriesSelectedArgs_1 = require("./SeriesSelectedArgs");
 var SeriesVisibleChangedArgs_1 = require("./SeriesVisibleChangedArgs");
-var DataLabelProviderType_1 = require("../../../types/DataLabelProviderType");
-var Rect_1 = require("../../../Core/Rect");
-var DeletableEntity_1 = require("../../../Core/DeletableEntity");
-var XyzSeriesInfo_1 = require("../../Model/ChartData/XyzSeriesInfo");
+var YRangeMode_1 = require("../../../types/YRangeMode");
 /**
  * @summary Defines the base class to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -73,7 +74,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
      */
     function BaseRenderableSeries(webAssemblyContext, options) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         _this = _super.call(this) || this;
         /** @inheritDoc */
         _this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(_this);
@@ -101,6 +102,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         _this.resamplingModeProperty = ResamplingMode_1.EResamplingMode.Auto;
         _this.resamplingPrecisionProperty = 0;
         _this.clipToYRangeProperty = false;
+        _this.yRangeModeProperty = YRangeMode_1.EYRangeMode.Drawn;
         _this.isStacked = false;
         _this.webAssemblyContext = webAssemblyContext;
         _this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
@@ -158,6 +160,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         _this.isSelected = (_q = options === null || options === void 0 ? void 0 : options.isSelected) !== null && _q !== void 0 ? _q : false;
         _this.isHovered = (_r = options === null || options === void 0 ? void 0 : options.isHovered) !== null && _r !== void 0 ? _r : false;
         _this.clipToYRangeProperty = (_s = options === null || options === void 0 ? void 0 : options.clipToYRange) !== null && _s !== void 0 ? _s : _this.clipToYRangeProperty;
+        _this.yRangeModeProperty = (_t = options === null || options === void 0 ? void 0 : options.yRangeMode) !== null && _t !== void 0 ? _t : _this.yRangeModeProperty;
         if (options === null || options === void 0 ? void 0 : options.onIsVisibleChanged) {
             if (typeof options.onIsVisibleChanged === "string") {
                 _this.typeMap.set("onIsVisibleChanged", options.onIsVisibleChanged);
@@ -583,6 +586,20 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseRenderableSeries.prototype, "yRangeMode", {
+        /** @inheritDoc */
+        get: function () {
+            return this.yRangeModeProperty;
+        },
+        set: function (value) {
+            if (this.yRangeModeProperty !== value) {
+                this.yRangeModeProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.YRANGEMODE);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseRenderableSeries.prototype, "isSpline", {
         /** @inheritDoc */
         get: function () {
@@ -593,6 +610,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
     });
     /** @inheritDoc */
     BaseRenderableSeries.prototype.draw = function (renderContext, renderPassData) {
+        var _this = this;
         var _a, _b;
         this.currentRenderPassData = renderPassData;
         (_a = this.hitTestProvider) === null || _a === void 0 ? void 0 : _a.update(renderPassData);
@@ -613,7 +631,15 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
                         nativeContext.SetClipRect(clipRect.x, clipRect.y, clipRect.width, clipRect.height);
                     }
                 }
-                this.drawingProviders.forEach(function (dp) { return dp.draw(renderContext, renderPassData); });
+                this.drawingProviders.forEach(function (dp) {
+                    if (_this.renderDataTransform && _this.renderDataTransform.drawingProviders.includes(dp)) {
+                        var transformedRPD = _this.renderDataTransform.runTransform(renderPassData);
+                        dp.draw(renderContext, transformedRPD);
+                    }
+                    else {
+                        dp.draw(renderContext, renderPassData);
+                    }
+                });
             }
             finally {
                 if (this.clipToYRange) {
@@ -638,6 +664,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         this.resamplerHelper = (0, Deleter_1.deleteSafe)(this.resamplerHelper);
         this.pointSeries = (0, Deleter_1.deleteSafe)(this.pointSeries);
         this.dataLabelProviderProperty = (0, Deleter_1.deleteSafe)(this.dataLabelProvider);
+        this.renderDataTransformProperty = (0, Deleter_1.deleteSafe)(this.renderDataTransform);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.getXRange = function () {
@@ -649,7 +676,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         var dataSeriesValueType = this.isRunningDataAnimation
             ? IDataSeries_1.EDataSeriesValueType.FinalAnimationValues
             : IDataSeries_1.EDataSeriesValueType.Default;
-        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis, dataSeriesValueType);
+        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis, dataSeriesValueType, this.yRangeMode);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.notifyPropertyChanged = function (propertyName) {
@@ -799,6 +826,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
             resamplingMode: this.resamplingMode,
             resamplingPrecision: this.resamplingPrecision,
             clipToYRange: this.clipToYRange,
+            yRangeMode: this.yRangeMode,
             // @ts-ignore
             dataLabelProvider: (_c = this.dataLabelProvider) === null || _c === void 0 ? void 0 : _c.toJSON()
             // onSelectedChanged: this.onSelectedChanged
@@ -983,6 +1011,22 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseRenderableSeries.prototype, "renderDataTransform", {
+        /** @inheritDoc */
+        get: function () {
+            return this.renderDataTransformProperty;
+        },
+        /** @inheritDoc */
+        set: function (transform) {
+            if (transform.parentSeries !== this) {
+                throw new Error("renderDataTransform can only be added to the series it was created with");
+            }
+            this.renderDataTransformProperty = transform;
+            this.notifyPropertyChanged(constants_1.PROPERTY.SERIES_TEXT_PROVIDER);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     BaseRenderableSeries.prototype.resolveAutoColors = function (index, maxSeries, theme) {
         if (this.strokeProperty.startsWith(IThemeProvider_1.AUTO_COLOR)) {
@@ -1063,7 +1107,10 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
      * Is being called when the data for the underlying DataSeries changes
      * @protected
      */
-    BaseRenderableSeries.prototype.dataSeriesDataChanged = function () {
+    BaseRenderableSeries.prototype.dataSeriesDataChanged = function (args) {
+        if (this.renderDataTransform) {
+            this.renderDataTransform.onDataChange(args);
+        }
         this.invalidateParent();
     };
     BaseRenderableSeries.prototype.valueChanged = function (oldValue, newValue) {