scichart 3.2.528 → 3.2.538

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/ChartModifiers/DataPointSelectionModifier.js

@@ -200,11 +200,8 @@ var DataPointSelectionModifier = /** @class */ (function (_super) {
         if (!translatedPoint) {
             return;
         }
-        var pointFromTrans = (0, translate_1.translateFromCanvasToSeriesViewRect)(args.mousePoint, this.parentSurface.seriesViewRect);
-        if (pointFromTrans) {
-            this.startPoint = pointFromTrans;
-            this.isClicked = true;
-        }
+        this.startPoint = translatedPoint;
+        this.isClicked = true;
         args.handled = true;
     };
     /**

package/Charting/ChartModifiers/RolloverModifier.d.ts

@@ -91,6 +91,11 @@ export interface IRolloverModifierOptions extends IChartModifierBaseOptions {
      * If this is set greater than the default of zero, the toolip will only show values for points in this radius, rather than all points on the vertical line
      */
     hitTestRadius?: number;
+    /**
+     * Sets if the axis label for the rollover Line should be shown. default false.
+     * Customize this futher after the modifier has been created by setting properties on rolloverModifer.rolloverLineAnnotation
+     */
+    showAxisLabel?: boolean;
 }
 /**
  * The RolloverModifier provides tooltip and cursor behavior on a 2D {@link SciChartSurface}

package/Charting/ChartModifiers/RolloverModifier.js

@@ -118,7 +118,7 @@ var RolloverModifier = /** @class */ (function (_super) {
         return _this;
     }
     RolloverModifier.prototype.createLine = function (options) {
-        var _a, _b;
+        var _a, _b, _c;
         return new LineAnnotation_1.LineAnnotation({
             xCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
             yCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
@@ -126,7 +126,8 @@ var RolloverModifier = /** @class */ (function (_super) {
             strokeThickness: (_a = options === null || options === void 0 ? void 0 : options.rolloverLineStrokeThickness) !== null && _a !== void 0 ? _a : 2,
             stroke: (_b = options === null || options === void 0 ? void 0 : options.rolloverLineStroke) !== null && _b !== void 0 ? _b : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.cursorLineBrush,
             xAxisId: this.xAxisId,
-            yAxisId: this.yAxisId
+            yAxisId: this.yAxisId,
+            showLabel: (_c = options === null || options === void 0 ? void 0 : options.showAxisLabel) !== null && _c !== void 0 ? _c : false
         });
     };
     /**
@@ -378,6 +379,7 @@ var RolloverModifier = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     RolloverModifier.prototype.toJSON = function () {
+        var _a, _b;
         var json = _super.prototype.toJSON.call(this);
         var options = {
             snapToDataPoint: this.snapToDataPoint,
@@ -389,6 +391,7 @@ var RolloverModifier = /** @class */ (function (_super) {
             rolloverLineStrokeThickness: this.rolloverLineStrokeThickness,
             showRolloverLine: this.showRolloverLine,
             showTooltip: this.showTooltip,
+            showAxisLabel: (_b = (_a = this.rolloverLineAnnotation) === null || _a === void 0 ? void 0 : _a.showLabel) !== null && _b !== void 0 ? _b : false,
             tooltipDataTemplate: this.typeMap.get("tooltipDataTemplate"),
             tooltipLegendOffsetX: this.tooltipLegendOffsetX,
             tooltipLegendOffsetY: this.tooltipLegendOffsetY,
@@ -465,12 +468,15 @@ var RolloverModifier = /** @class */ (function (_super) {
         }
         this.getRolloverProps(rs).rolloverModifier = this;
         createAnnotations(rs, this.getRolloverProps(rs), this.getRolloverProps1(rs), this.placementDivIdProperty);
-        this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).marker);
-        this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).tooltip);
-        if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
-            this.getRolloverProps1(rs).rolloverModifier = this;
-            this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).marker);
-            this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).tooltip);
+        var marker = this.getRolloverProps(rs).marker;
+        if (!this.parentSurface.modifierAnnotations.contains(marker)) {
+            this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).marker);
+            this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).tooltip);
+            if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
+                this.getRolloverProps1(rs).rolloverModifier = this;
+                this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).marker);
+                this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).tooltip);
+            }
         }
     };
     RolloverModifier.prototype.getRolloverProps = function (rs) {
@@ -789,11 +795,8 @@ var createAnnotations = function (rs, rolloverModifierProps, rolloverModifierPro
     var _a, _b, _c, _d;
     if (!rolloverModifierProps.marker) {
         rolloverModifierProps.marker = new RolloverMarkerSvgAnnotation_1.RolloverMarkerSvgAnnotation(rolloverModifierProps);
-        // Rollover tooltips for multiple Y-Axes are not supported for stacked series
-        if (!rs.isStacked) {
-            rolloverModifierProps.marker.xAxisId = rs.xAxisId;
-            rolloverModifierProps.marker.yAxisId = rs.yAxisId;
-        }
+        rolloverModifierProps.marker.xAxisId = rs.xAxisId;
+        rolloverModifierProps.marker.yAxisId = rs.yAxisId;
     }
     if (!rolloverModifierProps.tooltip) {
         rolloverModifierProps.tooltipTitle = (_b = (_a = rolloverModifierProps.tooltipTitle) !== null && _a !== void 0 ? _a : rs.getDataSeriesName()) !== null && _b !== void 0 ? _b : "";
@@ -803,11 +806,8 @@ var createAnnotations = function (rs, rolloverModifierProps, rolloverModifierPro
             seriesType: rs.type,
             placementDivId: placementDivId
         });
-        // Rollover tooltips for multiple Y-Axes are not supported for stacked series
-        if (!rs.isStacked) {
-            rolloverModifierProps.tooltip.xAxisId = rs.xAxisId;
-            rolloverModifierProps.tooltip.yAxisId = rs.yAxisId;
-        }
+        rolloverModifierProps.tooltip.xAxisId = rs.xAxisId;
+        rolloverModifierProps.tooltip.yAxisId = rs.yAxisId;
     }
     if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
         var bandRs = rs;

package/Charting/ChartModifiers/VerticalSliceModifier.js

@@ -124,19 +124,22 @@ var VerticalSliceModifier = /** @class */ (function (_super) {
             var xAxis = this.parentSurface.getXAxisById(this.xAxisId);
             var coordCalc = xAxis.getCurrentCoordinateCalculator();
             if (this.xCoordinateMode === AnnotationBase_1.ECoordinateMode.Pixel) {
-                this.x1 = (0, translate_1.translateToNotScaled)(x);
+                this.x1 = Math.min(Math.max(xAxis.viewRect.left, (0, translate_1.translateToNotScaled)(x)), xAxis.viewRect.right);
             }
             else if (this.xCoordinateMode === AnnotationBase_1.ECoordinateMode.Relative) {
-                this.x1 =
-                    (x - (this.isVerticalChart() ? xAxis.viewRect.top : xAxis.viewRect.left)) /
-                        coordCalc.viewportDimension;
+                var newX = (x - (this.isVerticalChart() ? xAxis.viewRect.top : xAxis.viewRect.left)) /
+                    coordCalc.viewportDimension;
+                this.x1 = Math.min(Math.max(0, newX), 1);
             }
             else {
                 // DataValue
                 var xt = this.isVerticalChart()
                     ? (0, translate_1.translateFromCanvasToSeriesViewRectY)(x, this.parentSurface.seriesViewRect)
                     : (0, translate_1.translateFromCanvasToSeriesViewRectX)(x, this.parentSurface.seriesViewRect);
-                this.x1 = coordCalc.getDataValue(xt);
+                var newX = coordCalc.getDataValue(xt);
+                if (!isNaN(newX)) {
+                    this.x1 = newX;
+                }
             }
             // Consider optional snap to dataPoint here
             this.update();

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,22 @@ 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.
+     * 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 +137,7 @@ export declare class DefaultPaletteProvider implements IStrokePaletteProvider, I
     static createEmpty(): DefaultPaletteProvider;
     strokePaletteMode: EStrokePaletteMode;
     fillPaletteMode: EFillPaletteMode;
+    protected parentSeries: IRenderableSeries;
     /**
      * @inheritDoc
      */
@@ -130,6 +146,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/Legend/SciChartLegend.js

@@ -125,9 +125,9 @@ var SciChartLegend = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SciChartLegend.prototype.getInnerHTML = function () {
-        var _a, _b;
-        var backgroundColor = (_a = this.backgroundColor) !== null && _a !== void 0 ? _a : this.parentSurfaceProperty.themeProvider.legendBackgroundBrush;
-        var color = (_b = this.textColor) !== null && _b !== void 0 ? _b : this.parentSurfaceProperty.themeProvider.labelForegroundBrush;
+        var _a, _b, _c, _d, _e, _f;
+        var backgroundColor = (_a = this.backgroundColor) !== null && _a !== void 0 ? _a : (_c = (_b = this.parentSurfaceProperty) === null || _b === void 0 ? void 0 : _b.themeProvider) === null || _c === void 0 ? void 0 : _c.legendBackgroundBrush;
+        var color = (_d = this.textColor) !== null && _d !== void 0 ? _d : (_f = (_e = this.parentSurfaceProperty) === null || _e === void 0 ? void 0 : _e.themeProvider) === null || _f === void 0 ? void 0 : _f.labelForegroundBrush;
         var legendItems = this.renderableSeriesArray.map(function (rs, index) {
             var _a;
             return ({
@@ -138,7 +138,7 @@ var SciChartLegend = /** @class */ (function (_super) {
                 gradient: undefined
             });
         });
-        var _c = this.parentSurfaceProperty.getSeriesViewRectPadding(false), left = _c.left, top = _c.top, right = _c.right, bottom = _c.bottom;
+        var _g = this.parentSurfaceProperty.getSeriesViewRectPadding(false), left = _g.left, top = _g.top, right = _g.right, bottom = _g.bottom;
         var margin = this.isExternal()
             ? new Thickness_1.Thickness(this.margin, this.margin, this.margin, this.margin)
             : new Thickness_1.Thickness(top + this.margin, right + this.margin, bottom + this.margin, left + this.margin);

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -81,6 +81,7 @@ var SciChartLegendBase = /** @class */ (function (_super) {
         // No default here as need theme from parent surface
         _this.backgroundColorProperty = options === null || options === void 0 ? void 0 : options.backgroundColor;
         _this.textColorProperty = options === null || options === void 0 ? void 0 : options.textColor;
+        _this.update = _this.update.bind(_this);
         return _this;
     }
     SciChartLegendBase.prototype.setInvalidateParentSurface = function (value) {
@@ -108,16 +109,14 @@ var SciChartLegendBase = /** @class */ (function (_super) {
      * @param sciChartSurface
      */
     SciChartLegendBase.prototype.attachTo = function (sciChartSurface) {
-        var _this = this;
         this.setParentSurface(sciChartSurface);
         this.setRootDiv(sciChartSurface.domDivContainer);
         this.setInvalidateParentSurface(sciChartSurface.invalidateElement);
-        sciChartSurface.rendered.subscribe(function () {
-            _this.update();
-        });
+        sciChartSurface.rendered.subscribe(this.update);
     };
     SciChartLegendBase.prototype.detach = function () {
         this.setRootDiv(undefined);
+        this.parentSurfaceProperty.rendered.unsubscribe(this.update);
         this.setInvalidateParentSurface(undefined);
         this.setParentSurface(undefined);
         this.delete();

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

@@ -8,8 +8,11 @@ import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
 export interface IBaseOhlcRenderableSeriesOptions extends IBaseRenderableSeriesOptions {
+    /** Sets the stoke when candlestick close is greater than open, as an HTML color code */
     strokeUp?: string;
+    /** Sets the stoke when candlestick close is less than open, as an HTML color code */
     strokeDown?: string;
+    /** Sets the width of candles as a fraction of available space. Valid values range from 0.0 - 1.0 */
     dataPointWidth?: number;
 }
 export declare abstract class BaseOhlcRenderableSeries extends BaseRenderableSeries {