import type { IRenderer, TOptions } from './types.js';
/** Resolve the animation duration, which may be derived from the transition. */
export declare function resolveDuration(options: TOptions, from: number, to: number): number;
/**
 * Renders the chart onto a `<canvas>` appended to the host element.
 */
export declare class CanvasRenderer implements IRenderer {
    private readonly el;
    private readonly options;
    private readonly canvas;
    private readonly ctx;
    private readonly scaleBy;
    private readonly radius;
    /** How far the ring spans, in radians. */
    private readonly arc;
    private cachedBackground;
    private rafId;
    constructor(el: HTMLElement, options: TOptions);
    /**
     * Draw a segment of the ring.
     * @param fraction how much of the arc to cover, between -1 and 1
     */
    private drawArc;
    private drawScale;
    private drawBackground;
    getCanvas(): HTMLCanvasElement;
    getCtx(): CanvasRenderingContext2D;
    clear(): void;
    /**
     * Draw the complete chart.
     * @param value between -max and max
     */
    draw(value: number): void;
    animate(from: number, to: number): void;
    stop(): void;
    destroy(): void;
}