scichart 3.1.333 → 3.1.348

package/Charting/ChartModifiers/RolloverModifier.d.ts

@@ -222,6 +222,17 @@ export declare class RolloverModifier extends ChartModifierBase2D implements IIn
         type: string;
         options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
+    /**
+     * Called internally to adjust the positions of tooltips if there are overlaps, or if it is a vertical chart
+     * @param tooltipArray
+     * @param allowTooltipOverlapping
+     * @param spacing
+     * @param seriesViewRect
+     * @param pixelRatio
+     * @param isVerticalChart
+     * @returns TTooltipProps[]
+     */
+    protected CalculateTooltipPositions(tooltipArray: TTooltipProps[], allowTooltipOverlapping: boolean, spacing: number, seriesViewRect: Rect, pixelRatio: number, isVerticalChart?: boolean): TTooltipProps[];
     /** @inheritDoc */
     protected notifyPropertyChanged(propertyName: string): void;
     private isVerticalChart;

package/Charting/ChartModifiers/RolloverModifier.js

@@ -389,6 +389,20 @@ var RolloverModifier = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    /**
+     * Called internally to adjust the positions of tooltips if there are overlaps, or if it is a vertical chart
+     * @param tooltipArray
+     * @param allowTooltipOverlapping
+     * @param spacing
+     * @param seriesViewRect
+     * @param pixelRatio
+     * @param isVerticalChart
+     * @returns TTooltipProps[]
+     */
+    RolloverModifier.prototype.CalculateTooltipPositions = function (tooltipArray, allowTooltipOverlapping, spacing, seriesViewRect, pixelRatio, isVerticalChart) {
+        if (isVerticalChart === void 0) { isVerticalChart = false; }
+        return (0, exports.calcTooltipPositions)(tooltipArray, allowTooltipOverlapping, spacing, seriesViewRect, pixelRatio, isVerticalChart);
+    };
     /** @inheritDoc */
     RolloverModifier.prototype.notifyPropertyChanged = function (propertyName) {
         _super.prototype.notifyPropertyChanged.call(this, propertyName);
@@ -546,12 +560,10 @@ var RolloverModifier = /** @class */ (function (_super) {
         }
         var tooltipArray = [];
         rsList.forEach(function (rs, index) {
-            var visibleYMin = rs.yAxis.visibleRange.min;
-            var visibleYMax = rs.yAxis.visibleRange.max;
             var hitTestInfo = _this.hitTestRenderableSeries(rs, _this.mousePoint);
             if (hitTestInfo) {
                 if (rs.type !== SeriesType_1.ESeriesType.StackedColumnSeries || hitTestInfo.isHit) {
-                    var isVisible = visibleYMin <= hitTestInfo.yValue && hitTestInfo.yValue <= visibleYMax;
+                    var isVisible = 0 <= hitTestInfo.yCoord && hitTestInfo.yCoord <= _this.parentSurface.seriesViewRect.height;
                     if (isVisible) {
                         var absoluteXCoord = _this.isVerticalChart() ? hitTestInfo.yCoord : hitTestInfo.xCoord;
                         var absoluteYCoord = _this.isVerticalChart() ? hitTestInfo.xCoord : hitTestInfo.yCoord;
@@ -561,7 +573,7 @@ var RolloverModifier = /** @class */ (function (_super) {
                     }
                 }
                 if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
-                    var isVisibleY1 = visibleYMin <= hitTestInfo.y1Value && hitTestInfo.y1Value <= visibleYMax;
+                    var isVisibleY1 = 0 <= hitTestInfo.y1Coord && hitTestInfo.y1Coord <= _this.parentSurface.seriesViewRect.height;
                     if (isVisibleY1) {
                         var absoluteXCoord = _this.isVerticalChart() ? hitTestInfo.y1Coord : hitTestInfo.xCoord;
                         var absoluteYCoord = _this.isVerticalChart() ? hitTestInfo.xCoord : hitTestInfo.y1Coord;
@@ -575,7 +587,7 @@ var RolloverModifier = /** @class */ (function (_super) {
         var orderedTooltipArray = tooltipArray.sort(function (a, b) {
             return a.yCoord > b.yCoord ? 1 : b.yCoord > a.yCoord ? -1 : 0;
         });
-        var tooltipPositions = (0, exports.calcTooltipPositions)(orderedTooltipArray, this.allowTooltipOverlapping, TOOLTIP_SPACING * DpiHelper_1.DpiHelper.PIXEL_RATIO, this.parentSurface.seriesViewRect, DpiHelper_1.DpiHelper.PIXEL_RATIO, this.isVerticalChart());
+        var tooltipPositions = this.CalculateTooltipPositions(orderedTooltipArray, this.allowTooltipOverlapping, TOOLTIP_SPACING * DpiHelper_1.DpiHelper.PIXEL_RATIO, this.parentSurface.seriesViewRect, DpiHelper_1.DpiHelper.PIXEL_RATIO, this.isVerticalChart());
         tooltipPositions.forEach(function (el) {
             var rs = rsList[el.index];
             var showTooltip = _this.showTooltip && el.seriesInfo.isHit;
@@ -661,50 +673,51 @@ exports.RolloverModifier = RolloverModifier;
 var calcTooltipProps = function (index, rs, rolloverProps, seriesViewRect, xValue, yValue, absoluteXCoord, absoluteYCoord, hitTestInfo, pixelRatio, isY1, isVerticalChart) {
     if (isY1 === void 0) { isY1 = false; }
     if (isVerticalChart === void 0) { isVerticalChart = false; }
-    var visibleRange = rs.yAxis.visibleRange;
-    var isVisible = visibleRange.min <= yValue && yValue <= visibleRange.max;
-    if (isVisible) {
-        var seriesInfo = rs.getSeriesInfo(hitTestInfo);
-        var width = rolloverProps.tooltip.width;
-        var scaledWidth = width * pixelRatio;
-        var height = rolloverProps.tooltip.height;
-        var scaledHeight = height * pixelRatio;
-        var distTop = absoluteYCoord;
-        var distBottom = seriesViewRect.height - absoluteYCoord;
-        var defaultVerticalShift = 5 * pixelRatio;
-        var xCoordShift = seriesViewRect.width - absoluteXCoord < scaledWidth ? -width : 5;
-        var yCoordShift = isVerticalChart ? defaultVerticalShift : -height / 2;
-        if (isVerticalChart) {
-            if (distBottom < scaledHeight + defaultVerticalShift) {
-                yCoordShift = ((scaledHeight + defaultVerticalShift) / pixelRatio) * -1;
-            }
+    // This check is done in calling code
+    // const visibleRange = rs.yAxis.visibleRange;
+    // const isVisible = visibleRange.min <= yValue && yValue <= visibleRange.max);
+    // if (isVisible) {
+    var seriesInfo = rs.getSeriesInfo(hitTestInfo);
+    var width = rolloverProps.tooltip.width;
+    var scaledWidth = width * pixelRatio;
+    var height = rolloverProps.tooltip.height;
+    var scaledHeight = height * pixelRatio;
+    var distTop = absoluteYCoord;
+    var distBottom = seriesViewRect.height - absoluteYCoord;
+    var defaultVerticalShift = 5 * pixelRatio;
+    var xCoordShift = seriesViewRect.width - absoluteXCoord < scaledWidth ? -width : 5;
+    var yCoordShift = isVerticalChart ? defaultVerticalShift : -height / 2;
+    if (isVerticalChart) {
+        if (distBottom < scaledHeight + defaultVerticalShift) {
+            yCoordShift = ((scaledHeight + defaultVerticalShift) / pixelRatio) * -1;
         }
-        else {
-            if (distTop < scaledHeight / 2) {
-                yCoordShift = -distTop / pixelRatio;
-            }
-            else if (distBottom < scaledHeight / 2) {
-                yCoordShift = -(scaledHeight - distBottom) / pixelRatio;
-            }
+    }
+    else {
+        if (distTop < scaledHeight / 2) {
+            yCoordShift = -distTop / pixelRatio;
+        }
+        else if (distBottom < scaledHeight / 2) {
+            yCoordShift = -(scaledHeight - distBottom) / pixelRatio;
         }
-        var newRecord = {
-            index: index,
-            isY1: isY1,
-            xValue: xValue,
-            yValue: yValue,
-            xCoord: absoluteXCoord,
-            yCoord: absoluteYCoord,
-            hitTestPointValues: hitTestInfo.hitTestPointValues,
-            isCategoryAxis: hitTestInfo.isCategoryAxis,
-            xCoordShift: xCoordShift,
-            yCoordShift: yCoordShift,
-            height: scaledHeight,
-            width: scaledWidth,
-            seriesInfo: seriesInfo
-        };
-        return newRecord;
     }
-    return undefined;
+    var newRecord = {
+        index: index,
+        isY1: isY1,
+        xValue: xValue,
+        yValue: yValue,
+        xCoord: absoluteXCoord,
+        yCoord: absoluteYCoord,
+        hitTestPointValues: hitTestInfo.hitTestPointValues,
+        isCategoryAxis: hitTestInfo.isCategoryAxis,
+        xCoordShift: xCoordShift,
+        yCoordShift: yCoordShift,
+        height: scaledHeight,
+        width: scaledWidth,
+        seriesInfo: seriesInfo
+    };
+    return newRecord;
+    // }
+    // return undefined;
 };
 exports.calcTooltipProps = calcTooltipProps;
 /**

package/Charting/ChartModifiers/ZoomExtentsModifier.js

@@ -125,11 +125,11 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
                     activeAxes.forEach(function (axis) {
                         if (axis.isXAxis) {
                             var maxXRange = axis.getMaximumRange();
-                            scs.addAnimation(axis.animateVisibleRange(maxXRange, animationDuration, _this.easingFunction));
+                            axis.animateVisibleRange(maxXRange, animationDuration, _this.easingFunction);
                         }
                         else {
                             var yRange = axis.getWindowedYRange(undefined);
-                            scs.addAnimation(axis.animateVisibleRange(yRange, animationDuration, _this.easingFunction));
+                            axis.animateVisibleRange(yRange, animationDuration, _this.easingFunction);
                         }
                     });
                 }

package/Charting/ChartModifiers/ZoomPanModifier.js

@@ -75,6 +75,8 @@ var ZoomPanModifier = /** @class */ (function (_super) {
     }
     /** @inheritDoc */
     ZoomPanModifier.prototype.modifierMouseDown = function (args) {
+        // handles default browser dragging behavior when canvas was selected with Ctrl + A
+        args.nativeEvent.preventDefault();
         _super.prototype.modifierMouseDown.call(this, args);
         if (this.executeOn !== args.button) {
             return;

package/Charting/Model/BaseDataSeries.js

@@ -535,10 +535,10 @@ isSorted) {
     // TODO: getPositiveRange
     var count = xValues.size();
     // if one point
+    // We will expand zero width ranges in the axis
     if (count === 1) {
-        var min = yValues.get(0) - 1;
-        var max = yValues.get(0) + 1;
-        return new NumberRange_1.NumberRange(min, max);
+        var y = yValues.get(0);
+        return new NumberRange_1.NumberRange(y, y);
     }
     var indicesRange = isXCategoryAxis ? xRange : (0, exports.getIndicesRange)(webAssemblyContext, xValues, xRange, isSorted);
     var iMin = Math.max(Math.floor(indicesRange.min), 0);
@@ -552,9 +552,6 @@ isSorted) {
         if (!(0, isRealNumber_1.isRealNumber)(minMax.minD) || !(0, isRealNumber_1.isRealNumber)(minMax.maxD)) {
             return undefined;
         }
-        if (minMax.minD === minMax.maxD) {
-            return new NumberRange_1.NumberRange(minMax.minD - 1, minMax.minD + 1);
-        }
         return new NumberRange_1.NumberRange(minMax.minD, minMax.maxD);
     }
     finally {

package/Charting/Model/HlcDataSeries.js

@@ -394,13 +394,12 @@ var HlcDataSeries = /** @class */ (function (_super) {
         // if one point
         if (this.count() === 1 && !isHorizontalDirection) {
             if (isHorizontalDirection) {
-                var min = yValues.get(0) - 1;
-                var max = yValues.get(0) + 1;
-                return new NumberRange_1.NumberRange(min, max);
+                var y = yValues.get(0);
+                return new NumberRange_1.NumberRange(y, y);
             }
             else {
-                var min = Math.min(hValues.get(0), lValues.get(0)) - 1;
-                var max = Math.max(hValues.get(0), lValues.get(0)) + 1;
+                var min = Math.min(hValues.get(0), lValues.get(0));
+                var max = Math.max(hValues.get(0), lValues.get(0));
                 return new NumberRange_1.NumberRange(min, max);
             }
         }

package/Charting/Model/OhlcDataSeries.js

@@ -352,9 +352,8 @@ var OhlcDataSeries = /** @class */ (function (_super) {
         if (dataSeriesValueType === void 0) { dataSeriesValueType = IDataSeries_1.EDataSeriesValueType.Default; }
         var _a = this.getOHLCValues(dataSeriesValueType), closeValues = _a.closeValues, highValues = _a.highValues, lowValues = _a.lowValues;
         if (this.count() === 1) {
-            var min = closeValues.get(0) - 1;
-            var max = closeValues.get(0) + 1;
-            return new NumberRange_1.NumberRange(min, max);
+            var y = closeValues.get(0);
+            return new NumberRange_1.NumberRange(y, y);
         }
         var indicesRange = isXCategoryAxis ? xRange : this.getIndicesRange(xRange);
         var yMin = Number.MAX_VALUE;

package/Charting/Model/XyyDataSeries.js

@@ -288,8 +288,8 @@ var XyyDataSeries = /** @class */ (function (_super) {
         // TODO: getPositiveRange
         // if one point
         if (this.count() === 1) {
-            var min = Math.min(yValues.get(0), y1Values.get(0)) - 1;
-            var max = Math.max(yValues.get(0), y1Values.get(0)) + 1;
+            var min = Math.min(yValues.get(0), y1Values.get(0));
+            var max = Math.max(yValues.get(0), y1Values.get(0));
             return new NumberRange_1.NumberRange(min, max);
         }
         var indicesRange = isXCategoryAxis ? xRange : this.getIndicesRange(xRange);

package/Charting/Services/ChartTitleRenderer.js

@@ -107,14 +107,7 @@ var ChartTitleRenderer = /** @class */ (function (_super) {
     };
     ChartTitleRenderer.prototype.getTitleTexture = function () {
         var position = this.textStyle.position;
-        var adjRotation = 0;
-        // let adjRotation = this.textStyle.rotation;
-        if (position === TextStyle_1.ETitlePosition.Left) {
-            adjRotation += -90;
-        }
-        else if (position === TextStyle_1.ETitlePosition.Right) {
-            adjRotation += 90;
-        }
+        var adjRotation = (0, TitleRenderer_1.getAdjustedRotation)(this.textStyle.rotation, position);
         var titleText = Array.isArray(this.text) ? this.text : this.text.split("\n");
         var texture = this.textureManager.createTextTexture(titleText, 
         // @ts-ignore mismatch with TTextStyle

package/Charting/Services/TitleRenderer.d.ts

@@ -4,7 +4,7 @@ import { Rect } from "../../Core/Rect";
 import { Thickness } from "../../Core/Thickness";
 import { ETextAlignment, ETitlePosition, TChartTitleStyle } from "../../types/TextStyle";
 import { WebGlRenderContext2D } from "../Drawing/WebGlRenderContext2D";
-import { TTextStyle } from "../Visuals/Axis/AxisCore";
+import { TAxisTitleStyle } from "../Visuals/Axis/AxisCore";
 import { TSciChart } from "../Visuals/SciChartSurface";
 import { INotifyOnDpiChanged, TDpiChangedEventArgs } from "../Visuals/TextureManager/DpiHelper";
 import { TextureManager, TTextureObject } from "../Visuals/TextureManager/TextureManager";
@@ -18,7 +18,7 @@ export interface IChartTitleRenderer extends ITitleRenderer {
     titleOffset: Thickness;
     measure(title: string | string[], originalTextStyle: Required<TChartTitleStyle>, renderContext: WebGlRenderContext2D): void;
 }
-export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChartTitleStyle> implements ITitleRenderer {
+export declare class TitleRendererBase<TextStyleType extends TAxisTitleStyle | TChartTitleStyle> implements ITitleRenderer {
     /**
      * Defines a bounding {@link Rect} containing the title text
      */
@@ -63,8 +63,8 @@ export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChart
     protected texture: TTextureObject;
     /** The line spacing for native text calculated during measure */
     protected nativeLineSpacing: number;
-    /** The height of the first line above baseline for native text, calculated during measure*/
-    protected firstLineAscent: number;
+    protected nativeTextShiftX: number;
+    protected nativeTextShiftY: number;
     protected useNativeTextProperty: boolean;
     protected titlePosition: ETitlePosition;
     constructor(webAssemblyContext: TSciChart);
@@ -96,3 +96,4 @@ export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChart
      */
     private getAlignmentAdjustmentDelta;
 }
+export declare const getAdjustedRotation: (rotation: number, position: ETitlePosition) => number;

package/Charting/Services/TitleRenderer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TitleRendererBase = void 0;
+exports.getAdjustedRotation = exports.TitleRendererBase = void 0;
 var app_1 = require("../../constants/app");
 var Deleter_1 = require("../../Core/Deleter");
 var Rect_1 = require("../../Core/Rect");
@@ -103,20 +103,9 @@ var TitleRendererBase = /** @class */ (function () {
         var nativeFont = renderContext.getFont(this.textStyle, true);
         // calculate start coordinates for native text drawing;
         // the start point is the beginning of alphabetic text baseline
-        var tx = this.viewRect.left + this.textStyle.padding.left;
-        var ty = this.viewRect.top + this.textStyle.padding.top + this.firstLineAscent;
-        var adjRotation = 0;
-        // let adjRotation = this.textStyle.rotation;
-        if (position === TextStyle_1.ETitlePosition.Left) {
-            adjRotation += -90;
-            tx = this.viewRect.left + this.textStyle.padding.top + this.firstLineAscent;
-            ty = this.viewRect.bottom - this.textStyle.padding.left;
-        }
-        else if (position === TextStyle_1.ETitlePosition.Right) {
-            adjRotation += 90;
-            tx = this.viewRect.right - this.textStyle.padding.top - this.firstLineAscent;
-            ty = this.viewRect.top + this.textStyle.padding.left;
-        }
+        var tx = this.viewRect.left + this.nativeTextShiftX;
+        var ty = this.viewRect.top + this.nativeTextShiftY;
+        var adjRotation = (0, exports.getAdjustedRotation)(this.textStyle.rotation, position);
         var rotationRad = -(adjRotation * Math.PI) / 180;
         var nativeMultilineAlignment = (0, TextPosition_1.convertMultiLineAlignment)(this.textStyle.multilineAlignment, this.webAssemblyContext);
         var textColor = (0, parseColor_1.parseColorToUIntArgb)(this.textStyle.color);
@@ -157,11 +146,13 @@ var TitleRendererBase = /** @class */ (function () {
             // @ts-ignore mismatch with TTextStyle
             var nativeFont = renderContext.getFont(textStyle, !hasHorizontalPlacement);
             var titleString = Array.isArray(title) ? title.join("\n") : title;
-            var _a = (0, text_1.getNativeTextSize)(titleString, nativeFont, textStyle, this.webAssemblyContext), textHeight = _a.textHeight, textWidth = _a.textWidth, nativeLineSpacing = _a.nativeLineSpacing, firstLineAscent = _a.firstLineAscent;
-            this.textHeight = textHeight;
-            this.textWidth = textWidth;
+            var adjRotation = (0, exports.getAdjustedRotation)(textStyle.rotation, this.titlePosition);
+            var _a = (0, text_1.getNativeTextSize)(titleString, nativeFont, textStyle, this.webAssemblyContext, adjRotation), textHeight = _a.textHeight, textWidth = _a.textWidth, nativeLineSpacing = _a.nativeLineSpacing, deltaX = _a.deltaX, deltaY = _a.deltaY;
+            this.textHeight = hasHorizontalPlacement ? textHeight : textWidth;
+            this.textWidth = hasHorizontalPlacement ? textWidth : textHeight;
             this.nativeLineSpacing = nativeLineSpacing;
-            this.firstLineAscent = firstLineAscent;
+            this.nativeTextShiftX = deltaX;
+            this.nativeTextShiftY = deltaY;
             this.desiredHeightProperty = hasHorizontalPlacement ? this.textHeight : this.textWidth;
             this.desiredWidthProperty = hasHorizontalPlacement ? this.textWidth : this.textHeight;
         }
@@ -247,3 +238,17 @@ var TitleRendererBase = /** @class */ (function () {
     return TitleRendererBase;
 }());
 exports.TitleRendererBase = TitleRendererBase;
+var getAdjustedRotation = function (rotation, position) {
+    if (rotation !== undefined) {
+        return (rotation + 360) % 360;
+    }
+    var adjustedRotation = 0;
+    if (position === TextStyle_1.ETitlePosition.Left) {
+        adjustedRotation += -90;
+    }
+    else if (position === TextStyle_1.ETitlePosition.Right) {
+        adjustedRotation += 90;
+    }
+    return (adjustedRotation + 360) % 360;
+};
+exports.getAdjustedRotation = getAdjustedRotation;

package/Charting/Visuals/Annotations/OverviewCustomResizableAnnotation.js

@@ -175,6 +175,8 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
      */
     OverviewCustomResizableAnnotation.prototype.onDragStarted = function (args) {
         var _a;
+        // handles default browser dragging behavior when canvas was selected with Ctrl + A
+        args.nativeEvent.preventDefault();
         (_a = this.dragStarted) === null || _a === void 0 ? void 0 : _a.raiseEvent();
         var _b = this.getAnnotationBorders(true), x1 = _b.x1, x2 = _b.x2, y1 = _b.y1, y2 = _b.y2;
         var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect, true);

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

@@ -69,6 +69,10 @@ export declare type TTextStyle = {
     /** Horizontal text alignment for multiline text. */
     multilineAlignment?: EMultiLineAlignment;
 };
+export declare type TAxisTitleStyle = TTextStyle & {
+    /** Text rotation in degrees. */
+    rotation?: number;
+};
 /**
  * Interface to minimal set of parameters which define an {@link AxisCore | Axis} in SciChart
  */
@@ -82,7 +86,7 @@ export interface IAxisParams {
      * axis.visibleRange = new NumberRange(15, 25);
      * ```
      * @remarks
-     * The visibleRange is a data-value for {@link NumericAxis}, @{link NumericAxis3D} but refers to an **index** to the data
+     * The visibleRange is a data-value for {@link NumericAxis}, {@link NumericAxis3D} but refers to an **index** to the data
      * for {@link CategoryAxis} types.
      */
     visibleRange: NumberRange;
@@ -147,6 +151,8 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
     visibleRangeChanged: EventHandler<VisibleRangeChangedArgs>;
     /** A flag to indicate if measure has been called this frame.  Properties updated after measure must trigger a redraw */
     isMeasured: boolean;
+    /** If the diff of the visibleRange is 0, this growby fraction will be applied */
+    ZeroRangeGrowBy: number;
     /**
      * Internal backing property for {@link AxisCore.id}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
      */
@@ -246,7 +252,7 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
     /**
      * Internal backing property for {@link AxisCore.axisTitleStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
      */
-    protected axisTitleStyleProperty: TTextStyle;
+    protected axisTitleStyleProperty: TAxisTitleStyle;
     /**
      * Internal backing property for {@link AxisCore.tickProvider}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
      */
@@ -401,7 +407,7 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * axis.visibleRange = new NumberRange(15, 25);
      * ```
      * @remarks
-     * The visibleRange is a data-value for {@link NumericAxis}, @{link NumericAxis3D} but refers to an **index** to the data
+     * The visibleRange is a data-value for {@link NumericAxis}, {@link NumericAxis3D} but refers to an **index** to the data
      * for {@link CategoryAxis} types.
      */
     get visibleRange(): NumberRange;
@@ -414,7 +420,7 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * axis.visibleRange = new NumberRange(15, 25);
      * ```
      * @remarks
-     * The visibleRange is a data-value for {@link NumericAxis}, @{link NumericAxis3D} but refers to an **index** to the data
+     * The visibleRange is a data-value for {@link NumericAxis}, {@link NumericAxis3D} but refers to an **index** to the data
      * for {@link CategoryAxis} types.
      */
     set visibleRange(visibleRange: NumberRange);
@@ -597,12 +603,12 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      */
     set drawLabels(drawLabels: boolean);
     /**
-     * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with @{link AxisCore.visibleRange | VisibleRange}
+     * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with {@link AxisCore.visibleRange | VisibleRange}
      * 0..10 will render from 10 to 0
      */
     get flippedCoordinates(): boolean;
     /**
-     * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with @{link AxisCore.visibleRange | VisibleRange}
+     * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with {@link AxisCore.visibleRange | VisibleRange}
      * 0..10 will render from 10 to 0
      */
     set flippedCoordinates(flippedCoordinates: boolean);
@@ -669,17 +675,17 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
     /**
      * Gets the {@link axisTitleStyle} adjusted for current DPI / Browser zoom level
      */
-    get dpiAdjustedAxisTitleStyle(): TTextStyle;
+    get dpiAdjustedAxisTitleStyle(): TAxisTitleStyle;
     /**
      * @summary Gets or sets the Axis Title style
-     * @remarks See {@link TTextStyle} for the type which contains style options
+     * @remarks See {@link TAxisTitleStyle} for the type which contains style options
      */
-    get axisTitleStyle(): TTextStyle;
+    get axisTitleStyle(): TAxisTitleStyle;
     /**
      * @summary Gets or sets the Axis Title style
-     * @remarks See {@link TTextStyle} for the type which contains style options
+     * @remarks See {@link TAxisTitleStyle} for the type which contains style options
      */
-    set axisTitleStyle(textStyle: TTextStyle);
+    set axisTitleStyle(textStyle: TAxisTitleStyle);
     /**
      * Gets or sets the Axis title string
      * Use an array to create a multiLine title

package/Charting/Visuals/Axis/AxisCore.js

@@ -24,8 +24,6 @@ var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var DpiHelper_1 = require("../TextureManager/DpiHelper");
 var constants_1 = require("./constants");
 var VisibleRangeChangedArgs_1 = require("./VisibleRangeChangedArgs");
-/** @ignore */
-var ZeroRangeGrowBy = 0.01;
 /**
  * The base class for Axis within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
  * @description
@@ -52,6 +50,8 @@ var AxisCore = /** @class */ (function () {
         this.visibleRangeChanged = new EventHandler_1.EventHandler();
         /** A flag to indicate if measure has been called this frame.  Properties updated after measure must trigger a redraw */
         this.isMeasured = false;
+        /** If the diff of the visibleRange is 0, this growby fraction will be applied */
+        this.ZeroRangeGrowBy = 0.01;
         /**
          * Internal backing property for {@link AxisCore.id}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
@@ -357,7 +357,7 @@ var AxisCore = /** @class */ (function () {
          * axis.visibleRange = new NumberRange(15, 25);
          * ```
          * @remarks
-         * The visibleRange is a data-value for {@link NumericAxis}, @{link NumericAxis3D} but refers to an **index** to the data
+         * The visibleRange is a data-value for {@link NumericAxis}, {@link NumericAxis3D} but refers to an **index** to the data
          * for {@link CategoryAxis} types.
          */
         get: function () {
@@ -372,7 +372,7 @@ var AxisCore = /** @class */ (function () {
          * axis.visibleRange = new NumberRange(15, 25);
          * ```
          * @remarks
-         * The visibleRange is a data-value for {@link NumericAxis}, @{link NumericAxis3D} but refers to an **index** to the data
+         * The visibleRange is a data-value for {@link NumericAxis}, {@link NumericAxis3D} but refers to an **index** to the data
          * for {@link CategoryAxis} types.
          */
         set: function (visibleRange) {
@@ -670,14 +670,14 @@ var AxisCore = /** @class */ (function () {
     });
     Object.defineProperty(AxisCore.prototype, "flippedCoordinates", {
         /**
-         * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with @{link AxisCore.visibleRange | VisibleRange}
+         * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with {@link AxisCore.visibleRange | VisibleRange}
          * 0..10 will render from 10 to 0
          */
         get: function () {
             return this.flippedCoordinatesProperty;
         },
         /**
-         * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with @{link AxisCore.visibleRange | VisibleRange}
+         * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with {@link AxisCore.visibleRange | VisibleRange}
          * 0..10 will render from 10 to 0
          */
         set: function (flippedCoordinates) {
@@ -817,14 +817,14 @@ var AxisCore = /** @class */ (function () {
     Object.defineProperty(AxisCore.prototype, "axisTitleStyle", {
         /**
          * @summary Gets or sets the Axis Title style
-         * @remarks See {@link TTextStyle} for the type which contains style options
+         * @remarks See {@link TAxisTitleStyle} for the type which contains style options
          */
         get: function () {
             return this.axisTitleStyleProperty;
         },
         /**
          * @summary Gets or sets the Axis Title style
-         * @remarks See {@link TTextStyle} for the type which contains style options
+         * @remarks See {@link TAxisTitleStyle} for the type which contains style options
          */
         set: function (textStyle) {
             this.axisTitleStyleProperty = __assign(__assign({}, this.axisTitleStyle), textStyle);
@@ -1006,7 +1006,12 @@ var AxisCore = /** @class */ (function () {
     AxisCore.prototype.coerceZeroVisibleRange = function (range) {
         Guard_1.Guard.notNull(range, "range");
         if (range.isZero()) {
-            return range.growBy(new NumberRange_1.NumberRange(ZeroRangeGrowBy, ZeroRangeGrowBy));
+            if (range.min === 0) {
+                return new NumberRange_1.NumberRange(-1, 1);
+            }
+            else {
+                return range.growBy(new NumberRange_1.NumberRange(this.ZeroRangeGrowBy, this.ZeroRangeGrowBy));
+            }
         }
         return range;
     };

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

@@ -3,11 +3,11 @@ import { EAxisAlignment } from "../../../types/AxisAlignment";
 import { WebGlRenderContext2D } from "../../Drawing/WebGlRenderContext2D";
 import { TitleRendererBase } from "../../Services/TitleRenderer";
 import { SciChartSurface } from "../SciChartSurface";
-import { TTextStyle } from "./AxisCore";
+import { TAxisTitleStyle } from "./AxisCore";
 /**
  * Draws an axis title using our WebGL Rendering engine
  */
-export declare class AxisTitleRenderer extends TitleRendererBase<TTextStyle> {
+export declare class AxisTitleRenderer extends TitleRendererBase<TAxisTitleStyle> {
     lineSpacing: number;
     /** For internal use */
     parentSurface: SciChartSurface;
@@ -15,7 +15,7 @@ export declare class AxisTitleRenderer extends TitleRendererBase<TTextStyle> {
     private previousLineSpacing;
     private previousNativeTextMode;
     private previousAxisAlignment;
-    measure(text: string | string[], textStyle: TTextStyle, axisAlignment: EAxisAlignment): void;
+    measure(text: string | string[], textStyle: TAxisTitleStyle, axisAlignment: EAxisAlignment): void;
     get useNativeText(): boolean;
     set useNativeText(value: boolean);
     get desiredHeight(): number;

package/Charting/Visuals/Axis/AxisTitleRenderer.js

@@ -95,14 +95,7 @@ var AxisTitleRenderer = /** @class */ (function (_super) {
     };
     AxisTitleRenderer.prototype.getTitleTexture = function () {
         var position = this.titlePosition;
-        var adjRotation = 0;
-        // let adjRotation = this.textStyle.rotation;
-        if (position === TextStyle_1.ETitlePosition.Left) {
-            adjRotation += -90;
-        }
-        else if (position === TextStyle_1.ETitlePosition.Right) {
-            adjRotation += 90;
-        }
+        var adjRotation = (0, TitleRenderer_1.getAdjustedRotation)(this.textStyle.rotation, position);
         var titleText = Array.isArray(this.text) ? this.text : this.text.split("\n");
         var texture = this.textureManager.createTextTexture(titleText, 
         // @ts-ignore mismatch with TTextStyle
@@ -127,6 +120,7 @@ var checkAreEqualTextStyles = function (style1, style2) {
         style1.fontStyle === style2.fontStyle &&
         style1.fontWeight === style2.fontWeight &&
         style1.alignment === style2.alignment &&
+        style1.rotation === style2.rotation &&
         style1.multilineAlignment === style2.multilineAlignment &&
         ((style1.padding === undefined && style2.padding === undefined) || style1.padding.equals(style2.padding)));
 };

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

@@ -19,7 +19,7 @@ export interface IAxisCoreOptions {
      * axis.visibleRange = new NumberRange(15, 25);
      * ```
      * @remarks
-     * The visibleRange is a data-value for {@link NumericAxis}, @{link NumericAxis3D} but refers to an **index** to the data
+     * The visibleRange is a data-value for {@link NumericAxis}, {@link NumericAxis3D} but refers to an **index** to the data
      * for {@link CategoryAxis} types.
      */
     visibleRange?: NumberRange;
@@ -152,7 +152,7 @@ export interface IAxisCoreOptions {
      */
     axisBandsFill?: string;
     /**
-     * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with @{link AxisCore.visibleRange | VisibleRange}
+     * When true, axis coordinates are flipped, e.g. a {@link NumericAxis} with {@link AxisCore.visibleRange | VisibleRange}
      * 0..10 will render from 10 to 0
      */
     flippedCoordinates?: boolean;