react-native-responsive-linechart
Version:
Customizable linechart for react-native that works with flex
27 lines (26 loc) • 1.24 kB
TypeScript
import * as React from 'react';
import { ViewStyle } from 'react-native';
import { AxisDomain, ChartDataPoint, Padding, ViewPort, XYValue } from './types';
declare type Props = {
/** All styling can be used except for padding. If you need padding, use the explicit `padding` prop below.*/
style?: ViewStyle;
/** Data to be used by `<Area />` or `<Line />` children. Not required, and can be overridden in Area or Line components. */
data?: ChartDataPoint[];
/** Domain for the horizontal (X) axis. */
xDomain?: AxisDomain;
/** Domain for the vertical (Y) axis. */
yDomain?: AxisDomain;
/** Size of the viewport for the chart. Should always be <= the domain. */
viewport?: ViewPort;
/** This disables touch for the chart. You can use this if you don't need tooltips. */
disableTouch?: boolean;
/** This disables gestures for the chart. You can use this if you don't need scrolling in the chart. */
disableGestures?: boolean;
/** Padding of the chart. Use this instead of setting padding in the `style` prop. */
padding?: Padding;
};
export declare type ChartHandle = {
setViewportOrigin: (origin: XYValue) => void;
};
declare const Chart: React.FC<Props>;
export { Chart };