@nativescript-community/ui-chart 2.0.7 → 2.0.10

package/listener/ChartTouchListener.js

@@ -0,0 +1,81 @@
+export var ChartGesture;
+(function (ChartGesture) {
+    ChartGesture[ChartGesture["NONE"] = 0] = "NONE";
+    ChartGesture[ChartGesture["DRAG"] = 1] = "DRAG";
+    ChartGesture[ChartGesture["X_ZOOM"] = 2] = "X_ZOOM";
+    ChartGesture[ChartGesture["Y_ZOOM"] = 3] = "Y_ZOOM";
+    ChartGesture[ChartGesture["PINCH_ZOOM"] = 4] = "PINCH_ZOOM";
+    ChartGesture[ChartGesture["ROTATE"] = 5] = "ROTATE";
+    ChartGesture[ChartGesture["SINGLE_TAP"] = 6] = "SINGLE_TAP";
+    ChartGesture[ChartGesture["DOUBLE_TAP"] = 7] = "DOUBLE_TAP";
+    ChartGesture[ChartGesture["LONG_PRESS"] = 8] = "LONG_PRESS";
+    ChartGesture[ChartGesture["FLING"] = 9] = "FLING";
+})(ChartGesture || (ChartGesture = {}));
+/**
+ * Created by philipp on 12/06/15.
+ */
+export class ChartTouchListener {
+    constructor(chart) {
+        /**
+         * the last touch gesture that has been performed
+         **/
+        this.mLastGesture = ChartGesture.NONE;
+        /**
+         * integer field that holds the current touch-state
+         */
+        this.mTouchMode = ChartTouchListener.NONE;
+        this.chart = chart;
+    }
+    dispose() { }
+    init() { }
+    /**
+     * returns the touch mode the listener is currently in
+     */
+    get touchMode() {
+        return this.mTouchMode;
+    }
+    /**
+     * Returns the last gesture that has been performed on the chart.
+     */
+    get lastGesture() {
+        return this.mLastGesture;
+    }
+    /**
+     * Perform a highlight operation.
+     *
+     * @param e
+     */
+    performHighlight(h) {
+        if (!h || h === this.lastHighlighted) {
+            this.chart.highlight(null, true);
+            this.lastHighlighted = null;
+        }
+        else {
+            this.chart.highlight(h, true);
+            this.lastHighlighted = h;
+        }
+    }
+    /**
+     * returns the distance between two points
+     *
+     * @param eventX
+     * @param startX
+     * @param eventY
+     * @param startY
+     * @return
+     */
+    static distance(eventX, startX, eventY, startY) {
+        const dx = eventX - startX;
+        const dy = eventY - startY;
+        return Math.sqrt(dx * dx + dy * dy);
+    }
+}
+// states
+ChartTouchListener.NONE = 0;
+ChartTouchListener.DRAG = 1;
+ChartTouchListener.X_ZOOM = 2;
+ChartTouchListener.Y_ZOOM = 3;
+ChartTouchListener.PINCH_ZOOM = 4;
+ChartTouchListener.POST_ZOOM = 5;
+ChartTouchListener.ROTATE = 6;
+//# sourceMappingURL=ChartTouchListener.js.map

package/listener/ChartTouchListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTouchListener.js","sourceRoot":"","sources":["../../../src/ui-chart/listener/ChartTouchListener.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,YAWX;AAXD,WAAY,YAAY;IACpB,+CAAI,CAAA;IACJ,+CAAI,CAAA;IACJ,mDAAM,CAAA;IACN,mDAAM,CAAA;IACN,2DAAU,CAAA;IACV,mDAAM,CAAA;IACN,2DAAU,CAAA;IACV,2DAAU,CAAA;IACV,2DAAU,CAAA;IACV,iDAAK,CAAA;AACT,CAAC,EAXW,YAAY,KAAZ,YAAY,QAWvB;AACD;;GAEG;AACH,MAAM,OAAgB,kBAAkB;IA8BpC,YAAY,KAAQ;QA7BpB;;YAEI;QACM,iBAAY,GAAG,YAAY,CAAC,IAAI,CAAC;QAW3C;;WAEG;QACO,eAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC;QAa3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IACD,OAAO,KAAI,CAAC;IACZ,IAAI,KAAI,CAAC;IAET;;OAEG;IACH,IAAW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,IAAW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACO,gBAAgB,CAAC,CAAY;QACnC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;IAED;;;;;;;;OAQG;IACO,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACpD,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;QAC3B,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IACxC,CAAC;;AAxED,SAAS;AACQ,uBAAI,GAAG,CAAC,AAAJ,CAAK;AACT,uBAAI,GAAG,CAAC,AAAJ,CAAK;AACT,yBAAM,GAAG,CAAC,AAAJ,CAAK;AACX,yBAAM,GAAG,CAAC,AAAJ,CAAK;AACX,6BAAU,GAAG,CAAC,AAAJ,CAAK;AACf,4BAAS,GAAG,CAAC,AAAJ,CAAK;AACd,yBAAM,GAAG,CAAC,AAAJ,CAAK"}

package/listener/PieRadarChartTouchListener.d.ts

@@ -0,0 +1,100 @@
+import { GestureStateEventData, GestureTouchEventData, RotationGestureHandler, TapGestureHandler } from '@nativescript-community/gesturehandler';
+import { PieRadarChartBase } from '../charts/PieRadarChartBase';
+import { ChartTouchListener } from './ChartTouchListener';
+/**
+ * TouchListener for Pie- and RadarChart with handles all
+ * touch interaction.
+ *
+
+ */
+export declare class PieRadarChartTouchListener extends ChartTouchListener<PieRadarChartBase<any, any, any>> {
+    rotationGestureHandler: RotationGestureHandler;
+    tapGestureHandler: TapGestureHandler;
+    /**
+     * the angle where the dragging started
+     */
+    private mStartAngle;
+    private _velocitySamples;
+    private mDecelerationLastTime;
+    private mDecelerationAngularVelocity;
+    /**
+     * Constructor with initialization parameters.
+     *
+     * @param chart instance of the chart
+     */
+    TAP_HANDLER_TAG: any;
+    ROTATION_HANDLER_TAG: any;
+    constructor(chart: PieRadarChartBase<any, any, any>);
+    getTapGestureOptions(): {
+        numberOfTaps?: number;
+        maxDurationMs?: number;
+        maxDelayMs?: number;
+        maxDeltaX?: number;
+        maxDeltaY?: number;
+        maxDist?: number;
+        minPointers?: number;
+        enabled?: boolean;
+        shouldCancelWhenOutside?: boolean;
+        waitFor?: number[];
+        simultaneousHandlers?: number[];
+        nativeGetterKey?: string;
+        gestureTag: any;
+    };
+    getRotationGestureOptions(): {
+        enabled?: boolean;
+        shouldCancelWhenOutside?: boolean;
+        waitFor?: number[];
+        simultaneousHandlers?: number[];
+        nativeGetterKey?: string;
+        gestureTag: any;
+    };
+    getOrCreateRotationGestureHandler(): RotationGestureHandler;
+    getOrCreateTapGestureHandler(): TapGestureHandler;
+    setRotation(enabled: boolean): void;
+    setTap(enabled: boolean): void;
+    dispose(): void;
+    init(): void;
+    /**
+     * Returns the correct translation depending on the provided x and y touch
+     * points
+     *
+     * @param x
+     * @param y
+     * @return
+     */
+    getTrans(x: any, y: any): {
+        x: number;
+        y: number;
+    };
+    /**
+     * sets the starting angle of the rotation, this is only used by the touch
+     * listener, x and y is the touch position
+     *
+     * @param x
+     * @param y
+     */
+    setGestureStartAngle(x: any, y: any): void;
+    /**
+     * updates the view rotation depending on the given touch position, also
+     * takes the starting angle into consideration
+     *
+     * @param x
+     * @param y
+     */
+    updateGestureRotation(x: any, y: any): void;
+    /**
+     * ################ ################ ################ ################
+     */
+    /** GESTURE RECOGNITION BELOW */
+    onRotationGesture(event: GestureStateEventData): void;
+    onRotationGestureTouch(event: GestureTouchEventData): void;
+    onTapGesture(event: GestureStateEventData): void;
+    private resetVelocity;
+    private sampleVelocity;
+    private calculateVelocity;
+    /**
+     * Sets the deceleration-angular-velocity to 0f
+     */
+    stopDeceleration(): void;
+    computeScroll(): void;
+}

package/listener/PieRadarChartTouchListener.js

@@ -0,0 +1,282 @@
+import { GestureHandlerStateEvent, GestureHandlerTouchEvent, GestureState, HandlerType, Manager } from '@nativescript-community/gesturehandler';
+import { time } from '@nativescript/core/profiling';
+import { ChartGesture, ChartTouchListener } from './ChartTouchListener';
+let TAP_HANDLER_TAG = 11232000;
+let ROTATION_HANDLER_TAG = 11231000;
+class AngularVelocitySample {
+    constructor(time, angle) {
+        this.time = time;
+        this.angle = angle;
+    }
+}
+/**
+ * TouchListener for Pie- and RadarChart with handles all
+ * touch interaction.
+ *
+
+ */
+export class PieRadarChartTouchListener extends ChartTouchListener {
+    constructor(chart) {
+        super(chart);
+        /**
+         * the angle where the dragging started
+         */
+        this.mStartAngle = 0;
+        this._velocitySamples = [];
+        this.mDecelerationLastTime = 0;
+        this.mDecelerationAngularVelocity = 0;
+        this.TAP_HANDLER_TAG = TAP_HANDLER_TAG++;
+        this.ROTATION_HANDLER_TAG = ROTATION_HANDLER_TAG++;
+    }
+    getTapGestureOptions() {
+        return { gestureTag: this.TAP_HANDLER_TAG, ...(this.chart.tapGestureOptions || {}) };
+    }
+    getRotationGestureOptions() {
+        return { gestureTag: this.ROTATION_HANDLER_TAG, ...(this.chart.rotationGestureOptions || {}) };
+    }
+    getOrCreateRotationGestureHandler() {
+        if (!this.rotationGestureHandler) {
+            const manager = Manager.getInstance();
+            const options = this.getRotationGestureOptions();
+            this.rotationGestureHandler = manager
+                .createGestureHandler(HandlerType.ROTATION, options.gestureTag, {})
+                .on(GestureHandlerStateEvent, this.onRotationGesture, this)
+                .on(GestureHandlerTouchEvent, this.onRotationGestureTouch, this);
+        }
+        return this.rotationGestureHandler;
+    }
+    getOrCreateTapGestureHandler() {
+        if (!this.tapGestureHandler) {
+            const manager = Manager.getInstance();
+            const options = this.getTapGestureOptions();
+            this.tapGestureHandler = manager.createGestureHandler(HandlerType.TAP, options.gestureTag, {}).on(GestureHandlerStateEvent, this.onTapGesture, this);
+        }
+        return this.tapGestureHandler;
+    }
+    setRotation(enabled) {
+        if (enabled) {
+            this.getOrCreateRotationGestureHandler().attachToView(this.chart);
+        }
+        else if (this.rotationGestureHandler) {
+            this.rotationGestureHandler.detachFromView(this.chart);
+        }
+    }
+    setTap(enabled) {
+        if (enabled) {
+            this.getOrCreateTapGestureHandler().attachToView(this.chart);
+        }
+        else if (this.tapGestureHandler) {
+            this.tapGestureHandler.detachFromView(this.chart);
+        }
+    }
+    dispose() {
+        super.dispose();
+        const chart = this.chart;
+        this.rotationGestureHandler && this.rotationGestureHandler.detachFromView(chart);
+        this.tapGestureHandler && this.tapGestureHandler.detachFromView(chart);
+        // this.longpressGestureHandler.detachFromView(chart);
+    }
+    init() {
+        super.init();
+        if (this.chart.rotationEnabled) {
+            this.setRotation(true);
+        }
+        if (this.chart.highlightPerTapEnabled) {
+            this.setTap(true);
+        }
+        // this.longpressGestureHandler.attachToView(chart);
+    }
+    /**
+     * Returns the correct translation depending on the provided x and y touch
+     * points
+     *
+     * @param x
+     * @param y
+     * @return
+     */
+    getTrans(x, y) {
+        const vph = this.chart.viewPortHandler;
+        const xTrans = x - vph.offsetLeft;
+        const yTrans = -(vph.chartHeight - y - vph.offsetBottom);
+        return { x: xTrans, y: yTrans };
+    }
+    /**
+     * sets the starting angle of the rotation, this is only used by the touch
+     * listener, x and y is the touch position
+     *
+     * @param x
+     * @param y
+     */
+    setGestureStartAngle(x, y) {
+        this.mStartAngle = this.chart.getAngleForPoint(x, y) - this.chart.rawRotationAngle;
+    }
+    /**
+     * updates the view rotation depending on the given touch position, also
+     * takes the starting angle into consideration
+     *
+     * @param x
+     * @param y
+     */
+    updateGestureRotation(x, y) {
+        this.chart.rotationAngle = this.chart.getAngleForPoint(x, y) - this.mStartAngle;
+    }
+    /**
+     * ################ ################ ################ ################
+     */
+    /** GESTURE RECOGNITION BELOW */
+    onRotationGesture(event) {
+        console.log('onRotationGesture', event.data.prevState, event.data.state);
+        const chart = this.chart;
+        const x = event.data.extraData.x;
+        const y = event.data.extraData.y;
+        if (event.data.state === GestureState.BEGAN || event.data.state === GestureState.ACTIVE) {
+            this.mLastGesture = ChartGesture.ROTATE;
+            chart.disableScroll();
+            if (chart.hasListeners('rotate')) {
+                chart.notify({ eventName: 'rotate', data: event.data, object: chart });
+            }
+            if (event.data.state === GestureState.BEGAN) {
+                this.stopDeceleration();
+                this.resetVelocity();
+                if (chart.dragDecelerationEnabled) {
+                    this.sampleVelocity(x, y);
+                }
+                this.setGestureStartAngle(x, y);
+            }
+            else {
+                if (chart.dragDecelerationEnabled) {
+                    this.sampleVelocity(x, y);
+                }
+                this.updateGestureRotation(x, y);
+            }
+        }
+        else if (event.data.state === GestureState.CANCELLED || event.data.state === GestureState.END) {
+            this.mDecelerationAngularVelocity = this.calculateVelocity();
+            if (this.mDecelerationAngularVelocity !== 0) {
+                this.mDecelerationLastTime = time();
+                // this.mDecelerationLastTime = AnimationUtils.currentAnimationTimeMillis();
+                // Utils.postInvalidateOnAnimation(chart); // This causes computeScroll to fire, recommended for this by Google
+                this.chart.invalidate();
+            }
+            if (chart.dragDecelerationEnabled) {
+                this.sampleVelocity(x, y);
+            }
+            chart.enableScroll();
+        }
+    }
+    onRotationGestureTouch(event) {
+        const chart = this.chart;
+        const x = event.data.extraData.x;
+        const y = event.data.extraData.y;
+        if (event.data.state === GestureState.ACTIVE) {
+            this.mLastGesture = ChartGesture.ROTATE;
+            chart.disableScroll();
+            if (chart.hasListeners('rotate')) {
+                chart.notify({ eventName: 'rotate', data: event.data, object: chart });
+            }
+            if (chart.dragDecelerationEnabled) {
+                this.sampleVelocity(x, y);
+            }
+            this.updateGestureRotation(x, y);
+            this.chart.invalidate();
+        }
+    }
+    onTapGesture(event) {
+        if (event.data.state === GestureState.END && event.data.prevState === GestureState.ACTIVE) {
+            this.mLastGesture = ChartGesture.SINGLE_TAP;
+            const chart = this.chart;
+            const h = chart.getHighlightByTouchPoint(event.data.extraData.x, event.data.extraData.y);
+            if (chart.hasListeners('tap')) {
+                chart.notify({ eventName: 'tap', data: event.data, object: chart, highlight: h });
+            }
+            if (!chart.highlightPerTapEnabled) {
+                return;
+            }
+            this.performHighlight(h);
+        }
+    }
+    resetVelocity() {
+        this._velocitySamples = [];
+    }
+    sampleVelocity(touchLocationX, touchLocationY) {
+        // const currentTime = AnimationUtils.currentAnimationTimeMillis();
+        const currentTime = time();
+        this._velocitySamples.push(new AngularVelocitySample(currentTime, this.chart.getAngleForPoint(touchLocationX, touchLocationY)));
+        // Remove samples older than our sample time - 1 seconds
+        for (let i = 0, count = this._velocitySamples.length; i < count - 2; i++) {
+            if (currentTime - this._velocitySamples[i].time > 1000) {
+                this._velocitySamples.shift();
+                i--;
+                count--;
+            }
+            else {
+                break;
+            }
+        }
+    }
+    calculateVelocity() {
+        if (this._velocitySamples.length === 0) {
+            return 0;
+        }
+        const firstSample = this._velocitySamples[0];
+        const lastSample = this._velocitySamples[this._velocitySamples.length - 1];
+        // Look for a sample that's closest to the latest sample, but not the same, so we can deduce the direction
+        let beforeLastSample = firstSample;
+        for (let i = this._velocitySamples.length - 1; i >= 0; i--) {
+            beforeLastSample = this._velocitySamples[i];
+            if (beforeLastSample.angle !== lastSample.angle) {
+                break;
+            }
+        }
+        // Calculate the sampling time
+        let timeDelta = (lastSample.time - firstSample.time) / 1000;
+        if (timeDelta === 0) {
+            timeDelta = 0.1;
+        }
+        // Calculate clockwise/ccw by choosing two values that should be closest to each other,
+        // so if the angles are two far from each other we know they are inverted "for sure"
+        let clockwise = lastSample.angle >= beforeLastSample.angle;
+        if (Math.abs(lastSample.angle - beforeLastSample.angle) > 270.0) {
+            clockwise = !clockwise;
+        }
+        // Now if the "gesture" is over a too big of an angle - then we know the angles are inverted, and we need to move them closer to each other from both sides of the 360.0 wrapping point
+        if (lastSample.angle - firstSample.angle > 180.0) {
+            firstSample.angle += 360.0;
+        }
+        else if (firstSample.angle - lastSample.angle > 180.0) {
+            lastSample.angle += 360.0;
+        }
+        // The velocity
+        let velocity = Math.abs((lastSample.angle - firstSample.angle) / timeDelta);
+        // Direction?
+        if (!clockwise) {
+            velocity = -velocity;
+        }
+        return velocity;
+    }
+    /**
+     * Sets the deceleration-angular-velocity to 0f
+     */
+    stopDeceleration() {
+        this.mDecelerationAngularVelocity = 0;
+    }
+    computeScroll() {
+        if (this.mDecelerationAngularVelocity === 0) {
+            return;
+        } // There's no deceleration in progress
+        // const currentTime = AnimationUtils.currentAnimationTimeMillis();
+        const currentTime = time();
+        this.mDecelerationAngularVelocity *= this.chart.dragDecelerationFrictionCoef;
+        const timeInterval = (currentTime - this.mDecelerationLastTime) / 1000;
+        this.chart.rotationAngle = this.chart.rotationAngle + this.mDecelerationAngularVelocity * timeInterval;
+        this.mDecelerationLastTime = currentTime;
+        if (Math.abs(this.mDecelerationAngularVelocity) >= 0.001) {
+            // Utils.postInvalidateOnAnimation(this.chart);
+            this.chart.invalidate();
+        } // This causes computeScroll to fire, recommended for this by Google
+        else {
+            this.stopDeceleration();
+        }
+    }
+}
+//# sourceMappingURL=PieRadarChartTouchListener.js.map

package/listener/PieRadarChartTouchListener.js.map

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

package/model/GradientColor.d.ts

@@ -0,0 +1,9 @@
+export declare class GradientColor {
+    private startColor;
+    private endColor;
+    constructor(startColor: any, endColor: any);
+    getStartColor(): number;
+    setStartColor(startColor: any): void;
+    getEndColor(): number;
+    setEndColor(endColor: any): void;
+}

package/model/GradientColor.js

@@ -0,0 +1,19 @@
+export class GradientColor {
+    constructor(startColor, endColor) {
+        this.startColor = startColor;
+        this.endColor = endColor;
+    }
+    getStartColor() {
+        return this.startColor;
+    }
+    setStartColor(startColor) {
+        this.startColor = startColor;
+    }
+    getEndColor() {
+        return this.endColor;
+    }
+    setEndColor(endColor) {
+        this.endColor = endColor;
+    }
+}
+//# sourceMappingURL=GradientColor.js.map

package/model/GradientColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientColor.js","sourceRoot":"","sources":["../../../src/ui-chart/model/GradientColor.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,aAAa;IAItB,YAAY,UAAU,EAAE,QAAQ;QAC5B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;IAEM,aAAa;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAEM,aAAa,CAAC,UAAU;QAC3B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IACjC,CAAC;IAEM,WAAW;QACd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAEM,WAAW,CAAC,QAAQ;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nativescript-community/ui-chart",
-    "version": "2.0.7",
+    "version": "2.0.10",
     "description": "A powerful chart / graph plugin, supporting line, bar, pie, radar, bubble, and candlestick charts as well as scaling, panning and animations.",
     "main": "./index",
     "sideEffects": false,
@@ -47,5 +47,5 @@
         "downsample": "^1.4.0",
         "number-format.js": "^2.0.9"
     },
-    "gitHead": "c0c642d66614e4619a1385b1ea4b784a6a782387"
+    "gitHead": "62172c1f8b7b51ae1b399305c10bcbbfb737e9be"
 }

package/renderer/AxisRenderer.d.ts

@@ -0,0 +1,103 @@
+import { Canvas, Paint, Path, RectF } from '@nativescript-community/ui-canvas';
+import { AxisBase } from '../components/AxisBase';
+import { LimitLine } from '../components/LimitLine';
+import { Transformer } from '../utils/Transformer';
+import { ViewPortHandler } from '../utils/ViewPortHandler';
+import { BaseCustomRenderer } from './DataRenderer';
+import { Renderer } from './Renderer';
+import { MPPointF } from '../utils/MPPointF';
+export type CustomRendererZeroLineFunction = (c: Canvas, axis: AxisBase, zeroPos: MPPointF, path: Path, paint: Paint) => void;
+export type CustomRendererGridLineFunction = (c: Canvas, axis: AxisBase, rect: RectF, x: any, y: any, axisValue: any, paint: Paint) => void;
+export type CustomRendererLimitLineFunction = (c: Canvas, axis: AxisBase, limitLine: LimitLine, rect: RectF, x: number, paint: Paint) => void;
+export type CustomRendererLabelFunction = (c: Canvas, axis: AxisBase, text: string, x: number, y: number, paint: Paint, anchor?: MPPointF, angleDegrees?: number) => void;
+export type CustomRendererTickFunction = (c: Canvas, renderer: AxisRenderer, startX: number, startY: number, stopX: number, stopY: number, paint: Paint) => void;
+export interface CustomRenderer extends BaseCustomRenderer {
+    drawLabel?: CustomRendererLabelFunction;
+    drawGridLine?: CustomRendererGridLineFunction;
+    drawZeroLine?: CustomRendererZeroLineFunction;
+    drawLimitLine?: CustomRendererLimitLineFunction;
+    drawMarkTick?: CustomRendererTickFunction;
+}
+/**
+ * Baseclass of all axis renderers.
+ *
+
+ */
+export declare abstract class AxisRenderer extends Renderer {
+    /** base axis this axis renderer works with */
+    protected mAxis: AxisBase;
+    /** transformer to transform values to screen pixels and return */
+    readonly transformer: Transformer;
+    /**
+     * palet object for the grid lines
+     */
+    protected mGridPaint: Paint;
+    /**
+     * palet for the x-label values
+     */
+    protected mAxisLabelPaint: Paint;
+    /**
+     * palet for the line surrounding the chart
+     */
+    protected mAxisLinePaint: Paint;
+    /**
+     * palet used for the limit lines
+     */
+    protected mLimitLinePaint: Paint;
+    constructor(viewPortHandler: ViewPortHandler, trans: Transformer, axis: AxisBase);
+    /**
+     * Returns the Paint object that is used for drawing the axis-line that goes
+     * alongside the axis.
+     */
+    get axisLinePaint(): Paint;
+    get limitLinePaint(): Paint;
+    /**
+     * Returns the Paint object used for drawing the axis (labels).
+     */
+    get axisLabelsPaint(): Paint;
+    protected createAxisLabelsPaint(): Paint;
+    /**
+     * Returns the Paint object that is used for drawing the grid-lines of the
+     * axis.
+     */
+    get gridPaint(): Paint;
+    getCurrentMinMax(min?: any, max?: any, inverted?: any): {
+        min: any;
+        max: any;
+    };
+    /**
+     * Computes the axis values.
+     *
+     * @param min - the minimum value in the data object for this axis
+     * @param max - the maximum value in the data object for this axis
+     */
+    computeAxis(min: any, max: any, inverted: any): void;
+    /**
+     * Sets up the axis values. Computes the desired number of labels between the two given extremes.
+     */
+    protected computeAxisValues(min: any, max: any): void;
+    /**
+     * Draws the axis labels to the screen.
+     *
+     * @param c
+     */
+    abstract renderAxisLabels(c: Canvas): any;
+    /**
+     * Draws the grid lines belonging to the axis.
+     *
+     * @param c
+     */
+    abstract renderGridLines(c: Canvas): any;
+    /**
+     * Draws the line that goes alongside the axis.
+     *
+     * @param c
+     */
+    abstract renderAxisLine(c: Canvas): any;
+    /**
+     * Draws the LimitLines associated with this axis to the screen.
+     *
+     * @param c
+     */
+    abstract renderLimitLines(c: Canvas): any;
+}