react-chartjs-2
React components for Chart.js, the most popular charting library.
Supports Chart.js v4 and v3.
!NPM versionnpmnpm-url !Downloadsdownloadsdownloads-url !Build statusbuildbuild-url !Coverage statuscoveragecoverage-url !Bundle sizesizesize-url
Quickstart • Docs • Slack • Stack Overflow
Quickstart
Install this library with peer dependencies:pnpm add react-chartjs-2 chart.js
# or
yarn add react-chartjs-2 chart.js
# or
npm i react-chartjs-2 chart.js
We recommend using
chart.js@^4.0.0
.Then, import and use individual components:
import { Doughnut } from 'react-chartjs-2';
<Doughnut data={...} />
Need an API to fetch data? Consider Cube, an open-source API for data apps.