Beautiful charts for React Native. Line, area, bar, pie, donut, progress, and contribution heatmaps for dashboards, reports, and data-rich mobile apps.
Website · Docs · Quickstart · Examples · Pro
npm install react-native-chart-kit react-native-svgExpo:
npm install react-native-chart-kit
npx expo install react-native-svgimport { LineChart } from "react-native-chart-kit/v2";
const data = [
{ month: "Jan", revenue: 52 },
{ month: "Feb", revenue: 86 },
{ month: "Mar", revenue: 58 },
{ month: "Apr", revenue: 134 }
];
export function RevenueChart() {
return (
<LineChart
data={data}
xKey="month"
yKey="revenue"
width={410}
height={240}
/>
);
}The root import stays available for legacy screens. New screens should use
react-native-chart-kit/v2.
- Modern public charts: line, area, bar, pie, donut, progress, and contribution heatmap.
- Mobile interactions: tap selection, shared tooltips, and crosshairs.
- Shared themes and SVG renderer defaults.
- Migration help for existing apps: from v1 and prop mapping.
Chart Kit Pro adds licensed chart workflows for product dashboards:
- Candlebar, radar, realtime bar, and combo charts.
- PNG and SVG export APIs for reports, sharing, and background rendering.
- Install Pro or compare pricing.
