Logo

React components for Chart.js, the most popular charting library.

Supports Chart.js v4 and v3.

NPM version Downloads Build status Coverage status Bundle size

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={...} />

• Migration to v4
• Working with datasets
• Working with events
• FAQ
• Components
• Examples

MIT Licensed Copyright (c) 2020 Jeremy Ayerst