@nativescript-community/ui-chart 2.0.7 → 2.0.11

package/components/LegendEntry.js

@@ -0,0 +1,51 @@
+import { LegendForm } from './Legend';
+export class LegendEntry {
+    /**
+     *
+     * @param label The legend entry text. A `null` label will start a group.
+     * @param form The form to draw for this entry.
+     * @param formSize Set to NaN to use the legend's default.
+     * @param formLineWidth Set to NaN to use the legend's default.
+     * @param formLineDashEffect Set to nil to use the legend's default.
+     * @param formColor The color for drawing the form.
+     */
+    constructor(label, form, formSize, formLineWidth, formLineDashEffect, formColor) {
+        /**
+         * The form to draw for this entry.
+         *
+         * `NONE` will avoid drawing a form, and any related space.
+         * `EMPTY` will avoid drawing a form, but keep its space.
+         * `DEFAULT` will use the Legend's default.
+         */
+        this.form = LegendForm.DEFAULT;
+        /**
+         * Form size will be considered except for when .None is used
+         *
+         * Set as NaN to use the legend's default
+         */
+        this.formSize = NaN;
+        /**
+         * Line width used for shapes that consist of lines.
+         *
+         * Set as NaN to use the legend's default
+         */
+        this.formLineWidth = NaN;
+        /**
+         * Line dash path effect used for shapes that consist of lines.
+         *
+         * Set to null to use the legend's default
+         */
+        this.formLineDashEffect = null;
+        /**
+         * The color for drawing the form
+         */
+        this.formColor = null;
+        this.label = label;
+        this.form = form;
+        this.formSize = formSize;
+        this.formLineWidth = formLineWidth;
+        this.formLineDashEffect = formLineDashEffect;
+        this.formColor = formColor;
+    }
+}
+//# sourceMappingURL=LegendEntry.js.map

package/components/LegendEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendEntry.js","sourceRoot":"","sources":["../../../src/ui-chart/components/LegendEntry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,OAAO,WAAW;IACpB;;;;;;;;OAQG;IACH,YAAY,KAAa,EAAE,IAAgB,EAAE,QAAS,EAAE,aAAc,EAAE,kBAAmC,EAAE,SAAmC;QAehJ;;;;;;WAMG;QACI,SAAI,GAAG,UAAU,CAAC,OAAO,CAAC;QAEjC;;;;WAIG;QACI,aAAQ,GAAG,GAAG,CAAC;QAEtB;;;;WAIG;QACI,kBAAa,GAAG,GAAG,CAAC;QAE3B;;;;WAIG;QACI,uBAAkB,GAAmB,IAAI,CAAC;QAEjD;;WAEG;QACI,cAAS,GAA4B,IAAI,CAAC;QA/C7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QAC7C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,CAAC;CA0CJ"}

package/components/LimitLine.d.ts

@@ -0,0 +1,55 @@
+import { DashPathEffect } from '@nativescript-community/ui-canvas';
+import { Color } from '@nativescript/core';
+import { ComponentBase } from './ComponentBase';
+/** enum that indicates the position of the LimitLine label */
+export declare enum LimitLabelPosition {
+    LEFT_TOP = 0,
+    LEFT_BOTTOM = 1,
+    CENTER_TOP = 2,
+    CENTER_BOTTOM = 3,
+    RIGHT_TOP = 4,
+    RIGHT_BOTTOM = 5
+}
+/**
+ * The limit line is an additional feature for all Line-, Bar- and
+ * ScatterCharts. It allows the displaying of an additional line in the chart
+ * that marks a certain maximum / limit on the specified axis (x- or y-axis).
+ *
+
+ */
+export declare class LimitLine extends ComponentBase {
+    /** limit / maximum (the y-value or xIndex) */
+    limit: number;
+    /** the width of the limit line
+     * thinner line === better performance, thicker line === worse performance
+     */
+    lineWidth: number;
+    /** the color of the limit line */
+    lineColor: Color | string;
+    /** the style of the label text */
+    textStyle: globalAndroid.graphics.Paint.Style;
+    /** label string that is drawn next to the limit line */
+    label: string;
+    /** the path effect of this LimitLine that makes dashed lines possible */
+    dashPathEffect: DashPathEffect;
+    /** position of the LimitLine value label (either on the right or on
+     * the left edge of the chart). Not supported for RadarChart.
+     */
+    labelPosition: LimitLabelPosition;
+    /**
+     * Constructor with limit and label.
+     *
+     * @param limit - the position (the value) on the y-axis (y-value) or x-axis
+     *            (xIndex) where this line should appear
+     * @param label - provide "" if no label is required
+     */
+    constructor(limit: any, label?: any);
+    /**
+     * Enables the line to be drawn in dashed mode, e.g. like this "- - - - - -"
+     *
+     * @param lineLength the length of the line pieces
+     * @param spaceLength the length of space inbetween the pieces
+     * @param phase offset, in degrees (normally, use 0)
+     */
+    enableDashedLine(lineLength: any, spaceLength: any, phase: any): void;
+}

package/components/LimitLine.js

@@ -0,0 +1,62 @@
+import { DashPathEffect, Style } from '@nativescript-community/ui-canvas';
+import { ComponentBase } from './ComponentBase';
+/** enum that indicates the position of the LimitLine label */
+export var LimitLabelPosition;
+(function (LimitLabelPosition) {
+    LimitLabelPosition[LimitLabelPosition["LEFT_TOP"] = 0] = "LEFT_TOP";
+    LimitLabelPosition[LimitLabelPosition["LEFT_BOTTOM"] = 1] = "LEFT_BOTTOM";
+    LimitLabelPosition[LimitLabelPosition["CENTER_TOP"] = 2] = "CENTER_TOP";
+    LimitLabelPosition[LimitLabelPosition["CENTER_BOTTOM"] = 3] = "CENTER_BOTTOM";
+    LimitLabelPosition[LimitLabelPosition["RIGHT_TOP"] = 4] = "RIGHT_TOP";
+    LimitLabelPosition[LimitLabelPosition["RIGHT_BOTTOM"] = 5] = "RIGHT_BOTTOM";
+})(LimitLabelPosition || (LimitLabelPosition = {}));
+/**
+ * The limit line is an additional feature for all Line-, Bar- and
+ * ScatterCharts. It allows the displaying of an additional line in the chart
+ * that marks a certain maximum / limit on the specified axis (x- or y-axis).
+ *
+
+ */
+export class LimitLine extends ComponentBase {
+    /**
+     * Constructor with limit and label.
+     *
+     * @param limit - the position (the value) on the y-axis (y-value) or x-axis
+     *            (xIndex) where this line should appear
+     * @param label - provide "" if no label is required
+     */
+    constructor(limit, label) {
+        super();
+        /** limit / maximum (the y-value or xIndex) */
+        this.limit = 0;
+        /** the width of the limit line
+         * thinner line === better performance, thicker line === worse performance
+         */
+        this.lineWidth = 2;
+        /** the color of the limit line */
+        this.lineColor = '#ED5B5B';
+        /** the style of the label text */
+        this.textStyle = Style.FILL;
+        /** label string that is drawn next to the limit line */
+        this.label = '';
+        /** the path effect of this LimitLine that makes dashed lines possible */
+        this.dashPathEffect = null;
+        /** position of the LimitLine value label (either on the right or on
+         * the left edge of the chart). Not supported for RadarChart.
+         */
+        this.labelPosition = LimitLabelPosition.RIGHT_TOP;
+        this.limit = limit;
+        this.label = label;
+    }
+    /**
+     * Enables the line to be drawn in dashed mode, e.g. like this "- - - - - -"
+     *
+     * @param lineLength the length of the line pieces
+     * @param spaceLength the length of space inbetween the pieces
+     * @param phase offset, in degrees (normally, use 0)
+     */
+    enableDashedLine(lineLength, spaceLength, phase) {
+        this.dashPathEffect = new DashPathEffect([lineLength, spaceLength], phase);
+    }
+}
+//# sourceMappingURL=LimitLine.js.map

package/components/LimitLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitLine.js","sourceRoot":"","sources":["../../../src/ui-chart/components/LimitLine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,8DAA8D;AAC9D,MAAM,CAAN,IAAY,kBAOX;AAPD,WAAY,kBAAkB;IAC1B,mEAAQ,CAAA;IACR,yEAAW,CAAA;IACX,uEAAU,CAAA;IACV,6EAAa,CAAA;IACb,qEAAS,CAAA;IACT,2EAAY,CAAA;AAChB,CAAC,EAPW,kBAAkB,KAAlB,kBAAkB,QAO7B;AACD;;;;;;GAMG;AACH,MAAM,OAAO,SAAU,SAAQ,aAAa;IA0BxC;;;;;;OAMG;IACH,YAAY,KAAK,EAAE,KAAM;QACrB,KAAK,EAAE,CAAC;QAjCZ,8CAA8C;QAC9C,UAAK,GAAG,CAAC,CAAC;QAEV;;WAEG;QACH,cAAS,GAAG,CAAC,CAAC;QAEd,kCAAkC;QAClC,cAAS,GAAmB,SAAS,CAAC;QAEtC,kCAAkC;QAClC,cAAS,GAAG,KAAK,CAAC,IAAI,CAAC;QAEvB,wDAAwD;QACxD,UAAK,GAAG,EAAE,CAAC;QAEX,yEAAyE;QACzE,mBAAc,GAAmB,IAAI,CAAC;QAEtC;;WAEG;QACH,kBAAa,GAAuB,kBAAkB,CAAC,SAAS,CAAC;QAW7D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IAED;;;;;;OAMG;IACI,gBAAgB,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK;QAClD,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC/E,CAAC;CACJ"}

package/components/MarkerImage.d.ts

@@ -0,0 +1 @@
+export {};

package/components/MarkerImage.js

@@ -0,0 +1,97 @@
+import { Rect } from '@nativescript-community/ui-canvas';
+/**
+ * View that can be displayed when selecting values in the chart. Extend this class to provide custom layouts for your
+ * markers.
+ *
+
+ */
+class MarkerImage {
+    constructor() {
+        this.mOffset = { x: 0, y: 0 };
+        this.mOffset2 = { x: 0, y: 0 };
+        this.mSize = { width: 0, height: 0 };
+        this.mDrawableBoundsCache = new Rect(0, 0, 0, 0);
+    }
+    /**
+     * Constructor. Sets up the MarkerView with a custom layout resource.
+     *
+     * @param context
+     * @param drawableResourceId the drawable resource to render
+     */
+    MarkerImage(imageSource) {
+        this.imageSource = imageSource;
+        this.mDrawableBoundsCache.set(0, 0, imageSource.width, imageSource.height);
+    }
+    set offset(offset) {
+        this.mOffset = offset || { x: 0, y: 0 };
+    }
+    get offset() {
+        return this.mOffset;
+    }
+    set size(size) {
+        this.mSize = size || { width: 0, height: 0 };
+    }
+    get size() {
+        return this.mSize;
+    }
+    set chartView(chart) {
+        this.mWeakChart = new WeakRef(chart);
+    }
+    get chartView() {
+        return this.mWeakChart?.get();
+    }
+    getOffsetForDrawingAtPoint(posX, posY) {
+        const offset = this.offset;
+        this.mOffset2.x = offset.x;
+        this.mOffset2.y = offset.y;
+        const chart = this.chartView;
+        let width = this.mSize.width;
+        let height = this.mSize.height;
+        if (width === 0 && this.imageSource) {
+            width = this.imageSource.width;
+        }
+        if (height === 0 && this.imageSource) {
+            height = this.imageSource.height;
+        }
+        if (posX + this.mOffset2.x < 0) {
+            this.mOffset2.x = -posX;
+        }
+        else if (chart && posX + width + this.mOffset2.x > chart.getMeasuredWidth()) {
+            this.mOffset2.x = chart.getMeasuredWidth() - posX - width;
+        }
+        if (posY + this.mOffset2.y < 0) {
+            this.mOffset2.y = -posY;
+        }
+        else if (chart && posY + height + this.mOffset2.y > chart.getMeasuredHeight()) {
+            this.mOffset2.y = chart.getMeasuredHeight() - posY - height;
+        }
+        return this.mOffset2;
+    }
+    refreshContent(e, highlight) { }
+    draw(c, posX, posY) {
+        if (!this.imageSource)
+            return;
+        const offset = this.getOffsetForDrawingAtPoint(posX, posY);
+        let width = this.mSize.width;
+        let height = this.mSize.height;
+        if (width === 0 && this.imageSource) {
+            width = this.imageSource.width;
+        }
+        if (height === 0 && this.imageSource) {
+            height = this.imageSource.height;
+        }
+        // this.mDrawable.copyBounds(mDrawableBoundsCache);
+        // this.mDrawable.setBounds(
+        //         this.mDrawableBoundsCache.left,
+        //         this.mDrawableBoundsCache.top,
+        //         this.mDrawableBoundsCache.left + width,
+        //         this.mDrawableBoundsCache.top + height);
+        // c.save();
+        // translate to the correct position and draw
+        // c.translate(posX + offset.x, posY + offset.y);
+        c.drawBitmap(this.imageSource, this.mDrawableBoundsCache, new Rect(posX + offset.x, posY + offset.y, posX + offset.x + width, posY + offset.y + height), null);
+        // c.restore();
+        // this.mDrawable.setBounds(mDrawableBoundsCache);
+    }
+}
+//# sourceMappingURL=MarkerImage.js.map

package/components/MarkerImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkerImage.js","sourceRoot":"","sources":["../../../src/ui-chart/components/MarkerImage.ts"],"names":[],"mappings":"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"}

package/components/XAxis.d.ts

@@ -0,0 +1,55 @@
+import { AxisBase } from './AxisBase';
+import { Chart } from '../charts/Chart';
+/**
+ * enum for the position of the x-labels relative to the chart
+ */
+export declare enum XAxisPosition {
+    TOP = 0,
+    BOTTOM = 1,
+    BOTH_SIDED = 2,
+    TOP_INSIDE = 3,
+    BOTTOM_INSIDE = 4
+}
+/**
+ * Class representing the x-axis labels settings. Only use the setter methods to
+ * modify it. Do not access public variables directly. Be aware that not all
+ * features the XLabels class provides are suitable for the RadarChart.
+ *
+
+ */
+export declare class XAxis extends AxisBase {
+    /**
+     * width of the x-axis labels in pixels - this is automatically
+     * calculated by the computeSize() methods in the renderers
+     */
+    mLabelWidth: number;
+    /**
+     * height of the x-axis labels in pixels - this is automatically
+     * calculated by the computeSize() methods in the renderers
+     */
+    mLabelHeight: number;
+    /**
+     * width of the (rotated) x-axis labels in pixels - this is automatically
+     * calculated by the computeSize() methods in the renderers
+     */
+    mLabelRotatedWidth: number;
+    /**
+     * height of the (rotated) x-axis labels in pixels - this is automatically
+     * calculated by the computeSize() methods in the renderers
+     */
+    mLabelRotatedHeight: number;
+    /**
+     * This is the angle for drawing the X axis labels (in degrees)
+     */
+    labelRotationAngle: number;
+    /**
+     * if set to true, the chart will avoid that the first and last label entry
+     * in the chart "clip" off the edge of the chart
+     */
+    avoidFirstLastClipping: boolean;
+    /**
+     * the position of the x-labels relative to the chart
+     */
+    position: XAxisPosition;
+    constructor(chart: WeakRef<Chart<any, any, any>>);
+}

package/components/XAxis.js

@@ -0,0 +1,59 @@
+import { AxisBase } from './AxisBase';
+/**
+ * enum for the position of the x-labels relative to the chart
+ */
+export var XAxisPosition;
+(function (XAxisPosition) {
+    XAxisPosition[XAxisPosition["TOP"] = 0] = "TOP";
+    XAxisPosition[XAxisPosition["BOTTOM"] = 1] = "BOTTOM";
+    XAxisPosition[XAxisPosition["BOTH_SIDED"] = 2] = "BOTH_SIDED";
+    XAxisPosition[XAxisPosition["TOP_INSIDE"] = 3] = "TOP_INSIDE";
+    XAxisPosition[XAxisPosition["BOTTOM_INSIDE"] = 4] = "BOTTOM_INSIDE";
+})(XAxisPosition || (XAxisPosition = {}));
+/**
+ * Class representing the x-axis labels settings. Only use the setter methods to
+ * modify it. Do not access public variables directly. Be aware that not all
+ * features the XLabels class provides are suitable for the RadarChart.
+ *
+
+ */
+export class XAxis extends AxisBase {
+    constructor(chart) {
+        super(chart);
+        /**
+         * width of the x-axis labels in pixels - this is automatically
+         * calculated by the computeSize() methods in the renderers
+         */
+        this.mLabelWidth = 1;
+        /**
+         * height of the x-axis labels in pixels - this is automatically
+         * calculated by the computeSize() methods in the renderers
+         */
+        this.mLabelHeight = 1;
+        /**
+         * width of the (rotated) x-axis labels in pixels - this is automatically
+         * calculated by the computeSize() methods in the renderers
+         */
+        this.mLabelRotatedWidth = 1;
+        /**
+         * height of the (rotated) x-axis labels in pixels - this is automatically
+         * calculated by the computeSize() methods in the renderers
+         */
+        this.mLabelRotatedHeight = 1;
+        /**
+         * This is the angle for drawing the X axis labels (in degrees)
+         */
+        this.labelRotationAngle = 0;
+        /**
+         * if set to true, the chart will avoid that the first and last label entry
+         * in the chart "clip" off the edge of the chart
+         */
+        this.avoidFirstLastClipping = true;
+        /**
+         * the position of the x-labels relative to the chart
+         */
+        this.position = XAxisPosition.TOP;
+        this.yOffset = 4;
+    }
+}
+//# sourceMappingURL=XAxis.js.map

package/components/XAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxis.js","sourceRoot":"","sources":["../../../src/ui-chart/components/XAxis.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC;;GAEG;AACH,MAAM,CAAN,IAAY,aAMX;AAND,WAAY,aAAa;IACrB,+CAAG,CAAA;IACH,qDAAM,CAAA;IACN,6DAAU,CAAA;IACV,6DAAU,CAAA;IACV,mEAAa,CAAA;AACjB,CAAC,EANW,aAAa,KAAb,aAAa,QAMxB;AAED;;;;;;GAMG;AACH,MAAM,OAAO,KAAM,SAAQ,QAAQ;IAyC/B,YAAY,KAAoC;QAC5C,KAAK,CAAC,KAAK,CAAC,CAAC;QAzCjB;;;WAGG;QACI,gBAAW,GAAG,CAAC,CAAC;QAEvB;;;WAGG;QACI,iBAAY,GAAG,CAAC,CAAC;QAExB;;;WAGG;QACI,uBAAkB,GAAG,CAAC,CAAC;QAE9B;;;WAGG;QACI,wBAAmB,GAAG,CAAC,CAAC;QAE/B;;WAEG;QACH,uBAAkB,GAAG,CAAC,CAAC;QAEvB;;;WAGG;QACH,2BAAsB,GAAG,IAAI,CAAC;QAE9B;;WAEG;QACH,aAAQ,GAAG,aAAa,CAAC,GAAG,CAAC;QAIzB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACrB,CAAC;CACJ"}

package/components/YAxis.d.ts

@@ -0,0 +1,135 @@
+import { Paint } from '@nativescript-community/ui-canvas';
+import { AxisBase } from './AxisBase';
+import { Chart } from '../charts/Chart';
+/**
+ * Enum that specifies the axis a DataSet should be plotted against, either LEFT or RIGHT.
+ *
+
+ */
+export declare enum AxisDependency {
+    LEFT = 0,
+    RIGHT = 1
+}
+/**
+ * enum for the position of the y-labels relative to the chart
+ */
+export declare enum YAxisLabelPosition {
+    OUTSIDE_CHART = 0,
+    INSIDE_CHART = 1
+}
+/**
+ * Class representing the y-axis labels settings and its entries. Only use the setter methods to
+ * modify it. Do not
+ * access public variables directly. Be aware that not all features the YLabels class provides
+ * are suitable for the
+ * RadarChart. Customizations that affect the value range of the axis need to be applied before
+ * setting data for the
+ * chart.
+ *
+
+ */
+export declare class YAxis extends AxisBase {
+    /**
+     * indicates if the bottom y-label entry is drawn or not
+     */
+    drawBottomYLabelEntry: boolean;
+    /**
+     * indicates if the top y-label entry is drawn or not
+     */
+    drawTopYLabelEntry: boolean;
+    /**
+     * flag that indicates if the axis is inverted or not
+     */
+    inverted: boolean;
+    /**
+     * flag that indicates if the zero-line should be drawn regardless of other grid lines
+     */
+    drawZeroLine: boolean;
+    /**
+     * flag indicating that auto scale min restriction should be used
+     */
+    private mUseAutoScaleRestrictionMin;
+    /**
+     * flag indicating that auto scale max restriction should be used
+     */
+    private mUseAutoScaleRestrictionMax;
+    /**
+     * Color of the zero line
+     */
+    zeroLineColor: string;
+    /**
+     * Width of the zero line in pixels
+     */
+    zeroLineWidth: number;
+    /**
+     * axis space from the largest value to the top in percent of the total axis range
+     */
+    spaceTop: number;
+    /**
+     * axis space from the smallest value to the bottom in percent of the total axis range
+     */
+    spaceBottom: number;
+    /**
+     * the position of the y-labels relative to the chart
+     */
+    position: YAxisLabelPosition;
+    /**
+     * the side this axis object represents
+     */
+    axisDependency: AxisDependency;
+    /**
+     * the minimum width that the axis should take (in dp).
+     * <p/>
+     * default: 0.0
+     */
+    minWidth: number;
+    /**
+     * the maximum width that the axis can take (in dp).
+     * use Inifinity for disabling the maximum
+     * default: Number.POSITIVE_INFINITY (no maximum specified)
+     */
+    maxWidth: number;
+    constructor(position: AxisDependency, chart: WeakRef<Chart<any, any, any>>);
+    /**
+     * This method is deprecated.
+     * Use setAxisMinimum(...) / setAxisMaximum(...) instead.
+     *
+     * @param startAtZero
+     */
+    setStartAtZero(startAtZero: any): void;
+    /**
+     * This is for normal (not horizontal) charts horizontal spacing.
+     *
+     * @param p
+     * @return
+     */
+    getRequiredWidthSpace(p: Paint): number;
+    /**
+     * This is for HorizontalBarChart vertical spacing.
+     *
+     * @param p
+     * @return
+     */
+    getRequiredHeightSpace(p: Paint): number;
+    /**
+     * Returns true if this axis needs horizontal offset, false if no offset is needed.
+     */
+    get needsOffset(): boolean;
+    /**
+     * Returns true if autoscale restriction for axis min value is enabled
+     */
+    isUseAutoScaleMinRestriction(): boolean;
+    /**
+     * Sets autoscale restriction for axis min value as enabled/disabled
+     */
+    setUseAutoScaleMinRestriction(isEnabled: any): void;
+    /**
+     * Returns true if autoscale restriction for axis max value is enabled
+     */
+    isUseAutoScaleMaxRestriction(): boolean;
+    /**
+     * Sets autoscale restriction for axis max value as enabled/disabled
+     */
+    setUseAutoScaleMaxRestriction(isEnabled: any): void;
+    calculate(dataMin: any, dataMax: any): void;
+}