react-native-chart-kit/dist/v2/react-native/charts/line/tooltip.d.ts

Beautiful React Native charts for dashboards, reports, and data-rich mobile apps.

import type { ResolvedLineChartTooltipConfig } from "./options";
export declare const lineChartTooltipLineHeight = 18;
export declare const lineChartTooltipLabelLineHeight = 16;
export type LineChartTooltipSeriesItem<TPoint = unknown> = {
    key: string;
    label: string;
    color: string;
    value: number | null | undefined;
    formattedValue: string;
    point: TPoint;
};
export type LineChartTooltipRenderProps<TPoint = unknown, TTheme = unknown> = {
    index: number;
    x: number;
    y: number;
    width: number;
    height: number;
    xLabel: string;
    series: Array<LineChartTooltipSeriesItem<TPoint>>;
    config: ResolvedLineChartTooltipConfig;
    theme: TTheme;
};
type TextMeasurer = (text: string, options?: {
    fontSize?: number;
}) => {
    width: number;
    height: number;
};
export declare const easeLineChartTooltipPosition: (progress: number) => number;
export declare const interpolateLineChartTooltipPosition: ({ from, progress, to }: {
    from: {
        x: number;
        y: number;
    };
    progress: number;
    to: {
        x: number;
        y: number;
    };
}) => {
    x: number;
    y: number;
};
export declare const clampLineChartTooltipToViewport: <TPoint, TTheme>(tooltip: LineChartTooltipRenderProps<TPoint, TTheme>, { leftInset, scrollOffset, viewportWidth }: {
    leftInset?: number | undefined;
    scrollOffset: number;
    viewportWidth: number;
}) => LineChartTooltipRenderProps<TPoint, TTheme>;
export declare const getLineChartTooltipModel: <TPoint, TTheme>({ chartHeight, chartWidth, config, measureText, plotX, plotY, selection, theme }: {
    chartHeight: number;
    chartWidth: number;
    config: ResolvedLineChartTooltipConfig;
    measureText: TextMeasurer;
    plotX?: number | undefined;
    plotY: number;
    selection: {
        index: number;
        x: number;
        y: number;
        pointer?: {
            x: number;
            y: number;
        } | undefined;
        xLabel: string;
        series: Array<LineChartTooltipSeriesItem<TPoint>>;
    };
    theme: TTheme;
}) => LineChartTooltipRenderProps<TPoint, TTheme> | undefined;
export {};
//# sourceMappingURL=tooltip.d.ts.map