scichart 3.2.491 → 3.2.509

package/Charting/ChartModifiers/CursorModifier.js

@@ -222,18 +222,14 @@ var CursorModifier = /** @class */ (function (_super) {
      * @inheritDoc
      */
     CursorModifier.prototype.onDetach = function () {
-        var _a;
         _super.prototype.onDetach.call(this);
         if (this.xLineAnnotation) {
-            (_a = this.xLineAnnotation) === null || _a === void 0 ? void 0 : _a.delete();
-            this.parentSurface.modifierAnnotations.remove(this.xLineAnnotation);
+            this.parentSurface.modifierAnnotations.remove(this.xLineAnnotation, true);
         }
         if (this.yLineAnnotation) {
-            this.yLineAnnotation.delete();
-            this.parentSurface.modifierAnnotations.remove(this.yLineAnnotation);
+            this.parentSurface.modifierAnnotations.remove(this.yLineAnnotation, true);
         }
-        this.tooltipAnnotation.delete();
-        this.parentSurface.modifierAnnotations.remove(this.tooltipAnnotation);
+        this.parentSurface.modifierAnnotations.remove(this.tooltipAnnotation, true);
     };
     /**
      * @inheritDoc

package/Charting/ChartModifiers/RolloverModifier.js

@@ -250,8 +250,7 @@ var RolloverModifier = /** @class */ (function (_super) {
     RolloverModifier.prototype.onDetach = function () {
         var _this = this;
         _super.prototype.onDetach.call(this);
-        this.rolloverLineAnnotation.delete();
-        this.parentSurface.modifierAnnotations.remove(this.rolloverLineAnnotation);
+        this.parentSurface.modifierAnnotations.remove(this.rolloverLineAnnotation, true);
         this.parentSurface.modifierAnnotations.remove(this.legendAnnotation);
         this.getIncludedRenderableSeries().forEach(function (rs) { return _this.removeSeriesAnnotationsFromParentSurface(rs); });
     };

package/Charting/ChartModifiers/VerticalSliceModifier.js

@@ -200,6 +200,12 @@ var VerticalSliceModifier = /** @class */ (function (_super) {
         this.calculateXPosition();
         this.updateLine();
         this.updateSeriesAnnotations();
+        Array.from(this.rmrsProps.values()).forEach(function (rmrsp) {
+            if (!rmrsp.renderableSeries.isVisible || !rmrsp.showRollover) {
+                rmrsp.tooltip.isHidden = true;
+                rmrsp.marker.isHidden = true;
+            }
+        });
         if (this.tooltipLegendTemplate) {
             this.legendAnnotation.seriesInfos = this.getSeriesInfos();
         }

package/Charting/LayoutManager/SynchronizedLayoutManager.js

@@ -46,6 +46,12 @@ var SynchronizedLayoutManager = /** @class */ (function (_super) {
         _super.prototype.measureLeftOuterAxes.call(this);
         this.verticalGroup.onLeftSizeChanged(this.id, this.chartLayoutState.leftOuterAreaSize);
         var newSize = Math.max(this.chartLayoutState.leftOuterAreaSize, this.verticalGroup.groupLeftSize);
+        // Sync axis widths. Expand the outer one only.
+        if (this.axesGroupedByLayoutStrategy.leftOuterAxes.length > 0) {
+            var axis = this.axesGroupedByLayoutStrategy.leftOuterAxes[this.axesGroupedByLayoutStrategy.leftOuterAxes.length - 1];
+            var otherSize = this.chartLayoutState.leftOuterAreaSize - axis.axisLayoutState.axisSize;
+            axis.axisLayoutState.axisSize = newSize - otherSize;
+        }
         this.chartLayoutState.leftOuterAreaSize = newSize;
         this.lastLeftOuterAreaSize = newSize;
     };
@@ -53,6 +59,12 @@ var SynchronizedLayoutManager = /** @class */ (function (_super) {
         _super.prototype.measureRightOuterAxes.call(this);
         this.verticalGroup.onRightSizeChanged(this.id, this.chartLayoutState.rightOuterAreaSize);
         var newSize = Math.max(this.chartLayoutState.rightOuterAreaSize, this.verticalGroup.groupRightSize);
+        // Sync axis widths. Expand the outer one only.
+        if (this.axesGroupedByLayoutStrategy.rightOuterAxes.length > 0) {
+            var axis = this.axesGroupedByLayoutStrategy.rightOuterAxes[this.axesGroupedByLayoutStrategy.rightOuterAxes.length - 1];
+            var otherSize = this.chartLayoutState.rightOuterAreaSize - axis.axisLayoutState.axisSize;
+            axis.axisLayoutState.axisSize = newSize - otherSize;
+        }
         this.chartLayoutState.rightOuterAreaSize = newSize;
         this.lastRightOuterAreaSize = newSize;
     };

package/Charting/Numerics/TickCoordinateProviders/DefaultTickCoordinatesProvider.d.ts

@@ -1,7 +1,12 @@
 import { TickCoordinatesProvider } from "./TickCoordinatesProvider";
 export declare class DefaultTickCoordinatesProvider extends TickCoordinatesProvider {
+    /**
+     * @inheritDoc
+     */
     getTickCoordinates(majorTicks: number[], minorTicks: number[]): {
         majorTickCoords: number[];
         minorTickCoords: number[];
+        majorTickOverrides: number[];
+        minorTickOverRides: number[];
     };
 }

package/Charting/Numerics/TickCoordinateProviders/DefaultTickCoordinatesProvider.js

@@ -22,12 +22,22 @@ var DefaultTickCoordinatesProvider = /** @class */ (function (_super) {
     function DefaultTickCoordinatesProvider() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    /**
+     * @inheritDoc
+     */
     DefaultTickCoordinatesProvider.prototype.getTickCoordinates = function (majorTicks, minorTicks) {
+        if (majorTicks === undefined)
+            return {
+                majorTickCoords: undefined,
+                minorTickCoords: undefined,
+                majorTickOverrides: undefined,
+                minorTickOverRides: undefined
+            };
         var coordinateCalculator = this.parentAxis.getCurrentCoordinateCalculator();
         // Rounding and +0.5 required to have lines on exact pixel boundaries.
         var majorTickCoords = majorTicks.map(function (t) { return Math.round(coordinateCalculator.getCoordinate(t)) + 0.5; });
         var minorTickCoords = minorTicks.map(function (t) { return Math.round(coordinateCalculator.getCoordinate(t)) + 0.5; });
-        return { majorTickCoords: majorTickCoords, minorTickCoords: minorTickCoords };
+        return { majorTickCoords: majorTickCoords, minorTickCoords: minorTickCoords, majorTickOverrides: majorTicks, minorTickOverRides: minorTicks };
     };
     return DefaultTickCoordinatesProvider;
 }(TickCoordinatesProvider_1.TickCoordinatesProvider));

package/Charting/Numerics/TickCoordinateProviders/StaticTickCoordinatesProvider.d.ts

@@ -0,0 +1,19 @@
+import { DefaultTickCoordinatesProvider } from "./DefaultTickCoordinatesProvider";
+export declare class StaticTickCoordinatesProvider extends DefaultTickCoordinatesProvider {
+    private tickCoords;
+    private prevRange;
+    private prevSize;
+    /**
+     * @inheritDoc
+     */
+    getTickCoordinates(majorTicks: number[], minorTicks: number[]): {
+        majorTickCoords: number[];
+        minorTickCoords: number[];
+        majorTickOverrides: number[];
+        minorTickOverRides: number[];
+    };
+    /** Update the static tick positions to correspond with the current calculated tick values */
+    forceRecalculateCoords(): void;
+    private OverrideTickValues;
+    private OverrideTickCoordinates;
+}

package/Charting/Numerics/TickCoordinateProviders/StaticTickCoordinatesProvider.js

@@ -0,0 +1,86 @@
+"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.StaticTickCoordinatesProvider = void 0;
+var DefaultTickCoordinatesProvider_1 = require("./DefaultTickCoordinatesProvider");
+var StaticTickCoordinatesProvider = /** @class */ (function (_super) {
+    __extends(StaticTickCoordinatesProvider, _super);
+    function StaticTickCoordinatesProvider() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * @inheritDoc
+     */
+    StaticTickCoordinatesProvider.prototype.getTickCoordinates = function (majorTicks, minorTicks) {
+        var visibleRangeChanged = !this.parentAxis.visibleRange.equals(this.prevRange);
+        var axisSizeChanged = this.parentAxis.getAxisSize() !== this.prevSize;
+        var coordinateCalculator = this.parentAxis.getCurrentCoordinateCalculator();
+        var majorTickOverrides;
+        var minorTickOverRides;
+        if (this.tickCoords === undefined || axisSizeChanged) {
+            if (majorTicks === undefined) {
+                return {
+                    majorTickCoords: undefined,
+                    minorTickCoords: undefined,
+                    majorTickOverrides: undefined,
+                    minorTickOverRides: undefined
+                };
+            }
+            var majorTickCoords = majorTicks.map(function (t) { return coordinateCalculator.getCoordinate(t); });
+            var minorTickCoords = minorTicks.map(function (t) { return coordinateCalculator.getCoordinate(t); });
+            this.tickCoords = { majorTickCoords: majorTickCoords, minorTickCoords: minorTickCoords, majorTicks: majorTicks, minorTicks: minorTicks, majorTickLabels: undefined };
+        }
+        else if (visibleRangeChanged) {
+            this.OverrideTickValues(this.tickCoords);
+            (majorTickOverrides = this.tickCoords.majorTicks), (minorTickOverRides = this.tickCoords.minorTicks);
+        }
+        else {
+            this.OverrideTickCoordinates(this.tickCoords);
+        }
+        this.prevRange = this.parentAxis.visibleRange;
+        this.prevSize = this.parentAxis.getAxisSize();
+        //console.log(this.tickCoords.majorTickCoords, this.tickCoords.majorTicks);
+        return {
+            majorTickCoords: this.tickCoords.majorTickCoords.map(function (t) { return Math.round(t + 0.5); }),
+            minorTickCoords: this.tickCoords.minorTickCoords.map(function (t) { return Math.round(t + 0.5); }),
+            majorTickOverrides: majorTickOverrides,
+            minorTickOverRides: minorTickOverRides
+        };
+    };
+    /** Update the static tick positions to correspond with the current calculated tick values */
+    StaticTickCoordinatesProvider.prototype.forceRecalculateCoords = function () {
+        this.tickCoords = undefined;
+    };
+    StaticTickCoordinatesProvider.prototype.OverrideTickValues = function (tickCoords) {
+        var coordinateCalculator = this.parentAxis.getCurrentCoordinateCalculator();
+        if (coordinateCalculator != null) {
+            tickCoords.minorTickCoords.forEach(function (t, i) { return (tickCoords.minorTicks[i] = coordinateCalculator.getDataValue(t)); });
+            tickCoords.majorTickCoords.forEach(function (t, i) { return (tickCoords.majorTicks[i] = coordinateCalculator.getDataValue(t)); });
+        }
+    };
+    StaticTickCoordinatesProvider.prototype.OverrideTickCoordinates = function (tickCoords) {
+        var coordinateCalculator = this.parentAxis.getCurrentCoordinateCalculator();
+        if (coordinateCalculator != null) {
+            if (coordinateCalculator != null) {
+                tickCoords.minorTicks.forEach(function (t, i) { return (tickCoords.minorTickCoords[i] = coordinateCalculator.getCoordinate(t)); });
+                tickCoords.majorTicks.forEach(function (t, i) { return (tickCoords.majorTickCoords[i] = coordinateCalculator.getCoordinate(t)); });
+            }
+        }
+    };
+    return StaticTickCoordinatesProvider;
+}(DefaultTickCoordinatesProvider_1.DefaultTickCoordinatesProvider));
+exports.StaticTickCoordinatesProvider = StaticTickCoordinatesProvider;

package/Charting/Numerics/TickCoordinateProviders/TickCoordinatesProvider.d.ts

@@ -25,5 +25,7 @@ export declare abstract class TickCoordinatesProvider {
     abstract getTickCoordinates(majorTicks: number[], minorTicks: number[]): {
         majorTickCoords: number[];
         minorTickCoords: number[];
+        majorTickOverrides: number[];
+        minorTickOverRides: number[];
     };
 }

package/Charting/Numerics/TickProviders/LogarithmicTickProvider.d.ts

@@ -25,6 +25,7 @@ export declare enum ELogarithmicMajorTickMode {
  */
 export declare class LogarithmicTickProvider extends TickProvider {
     logarithmicBase: number;
+    isHighPrecisionTicks: boolean;
     private wasmContext;
     private majorTickModeProperty;
     private minorTickModeProperty;

package/Charting/Numerics/TickProviders/LogarithmicTickProvider.js

@@ -48,6 +48,7 @@ var LogarithmicTickProvider = /** @class */ (function (_super) {
     function LogarithmicTickProvider(wasmContext) {
         var _this = _super.call(this) || this;
         _this.logarithmicBase = 10;
+        _this.isHighPrecisionTicks = true;
         _this.majorTickModeProperty = ELogarithmicMajorTickMode.EqualSpacing;
         _this.minorTickModeProperty = ELogarithmicMinorTickMode.Linear;
         _this.wasmContext = wasmContext;
@@ -121,11 +122,14 @@ var LogarithmicTickProvider = /** @class */ (function (_super) {
         }
         else {
             var results = [];
+            if (this.logarithmicBase === 0)
+                return results;
             var current = visibleRange.min;
             var min = visibleRange.min;
             var max = visibleRange.max;
             var numberUtil = this.wasmContext.NumberUtil;
-            if (!numberUtil.IsPowerOf(current, this.logarithmicBase, this.logarithmicBase)) {
+            if (!this.isHighPrecisionTicks &&
+                !numberUtil.IsPowerOf(current, this.logarithmicBase, this.logarithmicBase)) {
                 current = numberUtil.RoundDownPower(current, this.logarithmicBase, this.logarithmicBase);
             }
             var start = numberUtil.Log(current, this.logarithmicBase);
@@ -144,6 +148,7 @@ var LogarithmicTickProvider = /** @class */ (function (_super) {
                 exp = start + ++tickCount * majorDelta;
                 current = Math.pow(this.logarithmicBase, exp);
             }
+            //console.log(majorDelta, minorDelta, results);
             if (adj === -1) {
                 return results.reverse();
             }

package/Charting/Visuals/Annotations/CursorTooltipSvgAnnotation.d.ts

@@ -65,8 +65,7 @@ export declare class CursorTooltipSvgAnnotation extends SvgAnnotationBase {
      * @inheritDoc
      */
     update(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase, xCoordSvgTrans: number, yCoordSvgTrans: number): void;
-    /** @inheritDoc */
-    delete(): void;
+    clear(): void;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/Annotations/CursorTooltipSvgAnnotation.js

@@ -179,7 +179,7 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
         }
         this.previousMousePosition = this.cursorModifier.getMousePosition();
         if (this.svg) {
-            this.delete();
+            this.clear();
         }
         this.create(xCalc, yCalc, xCoordSvgTrans, yCoordSvgTrans);
         if (this.placementDivId) {
@@ -190,8 +190,7 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
             this.updateLegendTooltip();
         }
     };
-    /** @inheritDoc */
-    CursorTooltipSvgAnnotation.prototype.delete = function () {
+    CursorTooltipSvgAnnotation.prototype.clear = function () {
         if (!this.parentSurface || this.parentSurface.isDeleted || !this.svg)
             return;
         if (this.placementDivId) {

package/Charting/Visuals/Annotations/RolloverMarkerSvgAnnotation.js

@@ -46,7 +46,7 @@ var RolloverMarkerSvgAnnotation = /** @class */ (function (_super) {
     /** @inheritDoc */
     RolloverMarkerSvgAnnotation.prototype.create = function (xCalc, yCalc, xCoordSvgTrans, yCoordSvgTrans) {
         if (this.svg) {
-            this.delete();
+            this.clear();
         }
         var _a = this.tooltipProps, tooltipColor = _a.tooltipColor, markerColor = _a.markerColor;
         var svgString = tooltipSvgTemplate(markerColor !== null && markerColor !== void 0 ? markerColor : tooltipColor);

package/Charting/Visuals/Annotations/RolloverTooltipSvgAnnotation.d.ts

@@ -38,13 +38,12 @@ export declare class RolloverTooltipSvgAnnotation extends SvgAnnotationBase {
      */
     set seriesInfo(value: SeriesInfo);
     /** @inheritDoc */
-    delete(): void;
-    /** @inheritDoc */
     update(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase, xCoordSvgTrans: number, yCoordSvgTrans: number): void;
     /**
      * Updates size of the tooltip
      */
     updateSize(width: number, height: number): void;
+    protected clear(): void;
     /** @inheritDoc */
     protected create(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase, xCoordSvgTrans: number, yCoordSvgTrans: number): void;
     private generateSvgString;

package/Charting/Visuals/Annotations/RolloverTooltipSvgAnnotation.js

@@ -71,22 +71,6 @@ var RolloverTooltipSvgAnnotation = /** @class */ (function (_super) {
         configurable: true
     });
     /** @inheritDoc */
-    RolloverTooltipSvgAnnotation.prototype.delete = function () {
-        var _a, _b, _c, _d;
-        if (!this.parentSurface || this.parentSurface.isDeleted)
-            return;
-        if (this.svg) {
-            if (this.placementDivId) {
-                (_b = (_a = this.svg) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(this.svg);
-                return;
-            }
-            (_c = this.svgRoot) === null || _c === void 0 ? void 0 : _c.removeChild(this.svg);
-        }
-        if (this.svgLegend) {
-            (_d = this.svgLegend.parentNode) === null || _d === void 0 ? void 0 : _d.removeChild(this.svgLegend);
-        }
-    };
-    /** @inheritDoc */
     RolloverTooltipSvgAnnotation.prototype.update = function (xCalc, yCalc, xCoordSvgTrans, yCoordSvgTrans) {
         var currentMousePosition = this.tooltipProps.rolloverModifier.getMousePosition();
         if (this.previousMousePosition === currentMousePosition && currentMousePosition !== MousePosition_1.EMousePosition.SeriesArea) {
@@ -94,7 +78,7 @@ var RolloverTooltipSvgAnnotation = /** @class */ (function (_super) {
         }
         this.previousMousePosition = this.tooltipProps.rolloverModifier.getMousePosition();
         if (this.svg) {
-            this.delete();
+            this.clear();
         }
         if (this.placementDivId) {
             this.updateExternalLegendTooltip();
@@ -111,6 +95,21 @@ var RolloverTooltipSvgAnnotation = /** @class */ (function (_super) {
         this.width = width;
         this.height = height;
     };
+    RolloverTooltipSvgAnnotation.prototype.clear = function () {
+        var _a, _b, _c, _d;
+        if (!this.parentSurface || this.parentSurface.isDeleted)
+            return;
+        if (this.svg) {
+            if (this.placementDivId) {
+                (_b = (_a = this.svg) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(this.svg);
+                return;
+            }
+            (_c = this.svgRoot) === null || _c === void 0 ? void 0 : _c.removeChild(this.svg);
+        }
+        if (this.svgLegend) {
+            (_d = this.svgLegend.parentNode) === null || _d === void 0 ? void 0 : _d.removeChild(this.svgLegend);
+        }
+    };
     /** @inheritDoc */
     RolloverTooltipSvgAnnotation.prototype.create = function (xCalc, yCalc, xCoordSvgTrans, yCoordSvgTrans) {
         var svgString;

package/Charting/Visuals/Annotations/SvgAnnotationBase.d.ts

@@ -25,6 +25,7 @@ export interface ISvgAnnotationBaseOptions extends IAnnotationBaseOptions {
 export declare abstract class SvgAnnotationBase extends AnnotationBase {
     /** @inheritDoc */
     readonly isSvgAnnotation: boolean;
+    isDeleted: boolean;
     /**
      * The {@link SVGElement} which will be added to the chart
      */
@@ -97,6 +98,7 @@ export declare abstract class SvgAnnotationBase extends AnnotationBase {
         options: Required<Omit<IAnnotationBaseOptions, never>>;
     };
     get svg(): SVGElement;
+    protected clear(): void;
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;
     protected updateAdornerInner(): void;
     /**

package/Charting/Visuals/Annotations/SvgAnnotationBase.js

@@ -39,6 +39,7 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         _this = _super.call(this, options) || this;
         /** @inheritDoc */
         _this.isSvgAnnotation = true;
+        _this.isDeleted = false;
         /**
          * The {@link SVGElement} which will be added to the chart
          */
@@ -253,10 +254,8 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SvgAnnotationBase.prototype.delete = function () {
-        if (!this.parentSurface || this.parentSurface.isDeleted || !this.svg)
-            return;
-        this.svgRoot.removeChild(this.svg);
-        this.setSvg(undefined);
+        this.clear();
+        this.isDeleted = true;
     };
     SvgAnnotationBase.prototype.toJSON = function () {
         var json = _super.prototype.toJSON.call(this);
@@ -276,6 +275,12 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SvgAnnotationBase.prototype.clear = function () {
+        if (!this.parentSurface || this.parentSurface.isDeleted || !this.svg)
+            return;
+        this.svgRoot.removeChild(this.svg);
+        this.setSvg(undefined);
+    };
     SvgAnnotationBase.prototype.checkIsClickedOnAnnotationInternal = function (x, y) {
         var _a = this.getAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
         // For SVG annotations we need to use not scaled coordinates

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

@@ -161,6 +161,10 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
      * You may want to set this false if you have stacked horizontal axes, or are using {@link offsetOverride}.
      */
     clipToXRange?: boolean;
+    /**
+     * Sets whether the gridlines and axis labels keep their initial position when the visible range changes.
+     */
+    isStaticAxis?: boolean;
 }
 /**
  * The base class for 2D Chart Axis within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
@@ -338,6 +342,14 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * You may want to set this false if you have stacked horizontal axes, or are using {@link offsetOverride}.
      */
     set clipToXRange(clipToXRange: boolean);
+    /**
+     * Gets whether the gridlines and axis labels keep their initial position when the visible range changes.
+     */
+    get isStaticAxis(): boolean;
+    /**
+     * Sets whether the gridlines and axis labels keep their initial position when the visible range changes.
+     */
+    set isStaticAxis(value: boolean);
     abstract type: EAxisType.CategoryAxis | EAxisType.LogarithmicAxis | EAxisType.NumericAxis | EAxisType.DateTimeNumericAxis;
     /**
      * Gets the parent {@link SciChartSurface} that this axis is attached to
@@ -386,6 +398,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
     private backgroundColorProperty;
     private dpiAdjustedLabelStyleCache;
     private clipToXRangeProperty;
+    private isStaticAxisProperty;
     /**
      * Creates an instance of the {@link AxisBase2D}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
@@ -523,7 +536,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     protected notifyPropertyChanged(propertyName: string): void;
     protected getMaxXRange(): NumberRange;
-    protected getAxisSize(): number;
+    getAxisSize(): number;
     private getMajorTickIndex;
     private getTicks;
     private getTicksWithCoords;

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -43,6 +43,7 @@ var Pen2DCache_1 = require("../../Drawing/Pen2DCache");
 var SolidBrushCache_1 = require("../../Drawing/SolidBrushCache");
 var WebGlRenderContext2D_1 = require("../../Drawing/WebGlRenderContext2D");
 var DefaultTickCoordinatesProvider_1 = require("../../Numerics/TickCoordinateProviders/DefaultTickCoordinatesProvider");
+var StaticTickCoordinatesProvider_1 = require("../../Numerics/TickCoordinateProviders/StaticTickCoordinatesProvider");
 var createNativeRect_1 = require("../Helpers/createNativeRect");
 var drawBorder_1 = require("../Helpers/drawBorder");
 var NativeObject_1 = require("../Helpers/NativeObject");
@@ -102,7 +103,7 @@ var AxisBase2D = /** @class */ (function (_super) {
      */
     function AxisBase2D(webAssemblyContext, options) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         _this = _super.call(this, options) || this;
         /**
          * Gets the {@link AxisLayoutState} class which manages layout
@@ -142,6 +143,7 @@ var AxisBase2D = /** @class */ (function (_super) {
         _this.offsetOverrideProperty = undefined;
         _this.tickCache = undefined;
         _this.clipToXRangeProperty = true;
+        _this.isStaticAxisProperty = false;
         _this.webAssemblyContext2D = webAssemblyContext;
         _this.penCacheForMajorGridLines = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.penCacheForMinorGridLines = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
@@ -156,16 +158,18 @@ var AxisBase2D = /** @class */ (function (_super) {
             (_b = options === null || options === void 0 ? void 0 : options.hideOverlappingLabels) !== null && _b !== void 0 ? _b : _this.axisRenderer.hideOverlappingLabels;
         _this.axisRenderer.axisThickness = (_c = options === null || options === void 0 ? void 0 : options.axisThickness) !== null && _c !== void 0 ? _c : _this.axisRenderer.axisThickness;
         _this.axisTitleRenderer = new AxisTitleRenderer_1.AxisTitleRenderer(webAssemblyContext);
-        _this.tickCoordinatesProvider = new DefaultTickCoordinatesProvider_1.DefaultTickCoordinatesProvider();
-        _this.visibleRangeLimit = (_d = options === null || options === void 0 ? void 0 : options.visibleRangeLimit) !== null && _d !== void 0 ? _d : _this.visibleRangeLimit;
-        _this.visibleRangeSizeLimit = (_e = options === null || options === void 0 ? void 0 : options.visibleRangeSizeLimit) !== null && _e !== void 0 ? _e : _this.visibleRangeSizeLimit;
+        _this.isStaticAxis = (_d = options === null || options === void 0 ? void 0 : options.isStaticAxis) !== null && _d !== void 0 ? _d : _this.isStaticAxisProperty;
+        // setting isStaticAxis sets the tickCoordinatesProvider
+        //this.tickCoordinatesProvider = new DefaultTickCoordinatesProvider();
+        _this.visibleRangeLimit = (_e = options === null || options === void 0 ? void 0 : options.visibleRangeLimit) !== null && _e !== void 0 ? _e : _this.visibleRangeLimit;
+        _this.visibleRangeSizeLimit = (_f = options === null || options === void 0 ? void 0 : options.visibleRangeSizeLimit) !== null && _f !== void 0 ? _f : _this.visibleRangeSizeLimit;
         _this.zoomExtentsRange = (options === null || options === void 0 ? void 0 : options.zoomExtentsToInitialRange) ? _this.visibleRange : options === null || options === void 0 ? void 0 : options.zoomExtentsRange;
-        _this.axisAlignment = (_f = options === null || options === void 0 ? void 0 : options.axisAlignment) !== null && _f !== void 0 ? _f : _this.axisAlignment;
-        _this.axisTitle = (_g = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _g !== void 0 ? _g : _this.axisTitle;
+        _this.axisAlignment = (_g = options === null || options === void 0 ? void 0 : options.axisAlignment) !== null && _g !== void 0 ? _g : _this.axisAlignment;
+        _this.axisTitle = (_h = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _h !== void 0 ? _h : _this.axisTitle;
         _this.labelStyle = _this.getlabelStyleProxy(__assign(__assign({}, _this.labelStyle), options === null || options === void 0 ? void 0 : options.labelStyle));
         _this.axisBorder = __assign(__assign({}, _this.axisBorder), options === null || options === void 0 ? void 0 : options.axisBorder);
-        _this.isInnerAxis = (_h = options === null || options === void 0 ? void 0 : options.isInnerAxis) !== null && _h !== void 0 ? _h : _this.isInnerAxis;
-        _this.stackedAxisLength = (_j = options === null || options === void 0 ? void 0 : options.stackedAxisLength) !== null && _j !== void 0 ? _j : _this.stackedAxisLength;
+        _this.isInnerAxis = (_j = options === null || options === void 0 ? void 0 : options.isInnerAxis) !== null && _j !== void 0 ? _j : _this.isInnerAxis;
+        _this.stackedAxisLength = (_k = options === null || options === void 0 ? void 0 : options.stackedAxisLength) !== null && _k !== void 0 ? _k : _this.stackedAxisLength;
         _this.solidBrushCacheBorder = new SolidBrushCache_1.SolidBrushCache(webAssemblyContext);
         if (options === null || options === void 0 ? void 0 : options.labelProvider) {
             if (!("getLabels" in (options === null || options === void 0 ? void 0 : options.labelProvider))) {
@@ -173,9 +177,9 @@ var AxisBase2D = /** @class */ (function (_super) {
             }
         }
         _this.autoRangeAnimationProperty = options === null || options === void 0 ? void 0 : options.autoRangeAnimation;
-        _this.backgroundColor = (_k = options === null || options === void 0 ? void 0 : options.backgroundColor) !== null && _k !== void 0 ? _k : _this.backgroundColor;
+        _this.backgroundColor = (_l = options === null || options === void 0 ? void 0 : options.backgroundColor) !== null && _l !== void 0 ? _l : _this.backgroundColor;
         _this.offsetOverrideProperty = options === null || options === void 0 ? void 0 : options.overrideOffset; // undefined if not set
-        _this.clipToXRangeProperty = (_l = options === null || options === void 0 ? void 0 : options.clipToXRange) !== null && _l !== void 0 ? _l : _this.clipToXRange;
+        _this.clipToXRangeProperty = (_m = options === null || options === void 0 ? void 0 : options.clipToXRange) !== null && _m !== void 0 ? _m : _this.clipToXRange;
         return _this;
     }
     Object.defineProperty(AxisBase2D.prototype, "labelProvider", {
@@ -595,6 +599,28 @@ var AxisBase2D = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AxisBase2D.prototype, "isStaticAxis", {
+        /**
+         * Gets whether the gridlines and axis labels keep their initial position when the visible range changes.
+         */
+        get: function () {
+            return this.isStaticAxisProperty;
+        },
+        /**
+         * Sets whether the gridlines and axis labels keep their initial position when the visible range changes.
+         */
+        set: function (value) {
+            this.isStaticAxisProperty = value;
+            if (value) {
+                this.tickCoordinatesProvider = new StaticTickCoordinatesProvider_1.StaticTickCoordinatesProvider();
+            }
+            else {
+                this.tickCoordinatesProvider = new DefaultTickCoordinatesProvider_1.DefaultTickCoordinatesProvider();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     AxisBase2D.prototype.applyTheme = function (themeProvider) {
         var previousThemeProvider = this.parentSurface.previousThemeProvider;
@@ -1011,7 +1037,8 @@ var AxisBase2D = /** @class */ (function (_super) {
             // @ts-ignore
             labelProvider: this.labelProvider.toJSON(),
             keepLabelsWithinAxis: this.axisRenderer.keepLabelsWithinAxis,
-            clipToXRange: this.clipToXRange
+            clipToXRange: this.clipToXRange,
+            isStaticAxis: this.isStaticAxis
         };
         return { type: this.type, options: options };
     };
@@ -1207,13 +1234,15 @@ var AxisBase2D = /** @class */ (function (_super) {
                 this.minorDeltaProperty = delta.min;
                 this.majorDeltaProperty = delta.max;
             }
+            // See if tickCoordinatesProvider has cached ticks (if isStaticAxis)
+            var _c = this.tickCoordinatesProvider.getTickCoordinates(undefined, undefined), majorTickCoords = _c.majorTickCoords, minorTickCoords = _c.minorTickCoords, majorTickOverrides = _c.majorTickOverrides, minorTickOverRides = _c.minorTickOverRides;
             var majorTicks = this.drawLabels || this.drawMajorGridLines || this.drawMajorTickLines
-                ? this.tickProvider.getMajorTicks((_a = this.minorDeltaProperty) !== null && _a !== void 0 ? _a : this.majorDeltaProperty / this.minorsPerMajor, this.majorDeltaProperty, this.visibleRange)
+                ? majorTickOverrides !== null && majorTickOverrides !== void 0 ? majorTickOverrides : this.tickProvider.getMajorTicks((_a = this.minorDeltaProperty) !== null && _a !== void 0 ? _a : this.majorDeltaProperty / this.minorsPerMajor, this.majorDeltaProperty, this.visibleRange)
                 : [];
             var minorTicks = this.drawMinorGridLines || this.drawMinorTickLines
-                ? this.tickProvider.getMinorTicks((_b = this.minorDeltaProperty) !== null && _b !== void 0 ? _b : this.majorDeltaProperty / this.minorsPerMajor, this.majorDeltaProperty, this.visibleRange)
+                ? minorTickOverRides !== null && minorTickOverRides !== void 0 ? minorTickOverRides : this.tickProvider.getMinorTicks((_b = this.minorDeltaProperty) !== null && _b !== void 0 ? _b : this.majorDeltaProperty / this.minorsPerMajor, this.majorDeltaProperty, this.visibleRange)
                 : [];
-            var _c = this.visibleRange, min_1 = _c.min, max_1 = _c.max;
+            var _d = this.visibleRange, min_1 = _d.min, max_1 = _d.max;
             majorTicks = majorTicks.filter(function (t) { return t >= min_1 && t <= max_1; });
             minorTicks = minorTicks.filter(function (t) { return t >= min_1 && t <= max_1; });
             var majorTickLabels = [];
@@ -1226,9 +1255,9 @@ var AxisBase2D = /** @class */ (function (_super) {
             this.tickCache = {
                 majorTicks: majorTicks,
                 majorTickLabels: majorTickLabels,
-                majorTickCoords: null,
+                majorTickCoords: majorTickCoords,
                 minorTicks: minorTicks,
-                minorTickCoords: null
+                minorTickCoords: minorTickCoords // probably undefined unless isStaticAxis
             };
         }
         return this.tickCache;
@@ -1237,9 +1266,12 @@ var AxisBase2D = /** @class */ (function (_super) {
         if (!this.tickCache) {
             this.getTicks(true);
         }
-        var _a = this.tickCoordinatesProvider.getTickCoordinates(this.tickCache.majorTicks, this.tickCache.minorTicks), majorTickCoords = _a.majorTickCoords, minorTickCoords = _a.minorTickCoords;
-        this.tickCache.majorTickCoords = majorTickCoords;
-        this.tickCache.minorTickCoords = minorTickCoords;
+        if (this.tickCache.majorTickCoords === undefined) {
+            var _a = this.tickCoordinatesProvider.getTickCoordinates(this.tickCache.majorTicks, this.tickCache.minorTicks), majorTickCoords = _a.majorTickCoords, minorTickCoords = _a.minorTickCoords;
+            // tick values are never overridden at this point.  If they could be, it would have been done in the call from measure.
+            this.tickCache.majorTickCoords = majorTickCoords;
+            this.tickCache.minorTickCoords = minorTickCoords;
+        }
         return this.tickCache;
     };
     AxisBase2D.prototype.applyVisibleRangeLimit = function (visibleRange) {

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

@@ -784,7 +784,7 @@ export declare abstract class AxisCore extends DeletableEntity implements IAxisP
     /**
      * Gets the long dimension of the axis, in pixels
      */
-    protected abstract getAxisSize(): number;
+    abstract getAxisSize(): number;
     /**
      * SET INTERNALLY. Sets whether this axis is an XAxis or not
      * @remarks