react-native-chart-kit
Version:
Beautiful React Native charts for dashboards, reports, and data-rich mobile apps.
36 lines • 1.95 kB
TypeScript
import type { ReactNode } from "react";
import type { ViewProps } from "react-native";
import type { BarChartModel, BarChartRenderer, BarChartRenderBarProps, ResolvedBarChartTooltipConfig } from "./types";
import type { BarChartTooltipModel } from "./tooltip";
import type { BarChartSelectionAnimationConfig } from "./types";
export type BarChartSurfaceProps<TData = unknown> = {
barRadius: number;
height: number;
model: BarChartModel<TData>;
responderProps: ViewProps;
renderBar?: ((props: BarChartRenderBarProps<TData>) => ReactNode) | undefined;
renderer?: BarChartRenderer | undefined;
selectedBarKey: string | undefined;
selectionAnimation: boolean | BarChartSelectionAnimationConfig | undefined;
showYAxis: boolean;
width: number;
};
export declare const BarChartSurface: <TData>({ barRadius, height, model, responderProps, renderBar, selectedBarKey, selectionAnimation, showYAxis, width, renderer: rendererProp }: BarChartSurfaceProps<TData>) => import("react").JSX.Element;
export type BarChartTooltipOverlayProps<TData = unknown> = {
height: number;
model: BarChartModel<TData>;
tooltipConfig: ResolvedBarChartTooltipConfig;
tooltipModel: BarChartTooltipModel<TData> | undefined;
viewportOffsetX: number;
width: number;
renderer?: BarChartRenderer | undefined;
};
export declare const BarChartTooltipOverlay: <TData>({ height, model, tooltipConfig, tooltipModel, viewportOffsetX, width, renderer: rendererProp }: BarChartTooltipOverlayProps<TData>) => import("react").JSX.Element;
export type StickyBarChartYAxisProps<TData = unknown> = {
height: number;
model: BarChartModel<TData>;
width: number;
renderer?: BarChartRenderer | undefined;
};
export declare const StickyBarChartYAxis: <TData>({ height, model, width, renderer: rendererProp }: StickyBarChartYAxisProps<TData>) => import("react").JSX.Element;
//# sourceMappingURL=BarChartSurface.d.ts.map