Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jerairrest/react-chartjs-2
React components for Chart.js, the most popular charting library
https://github.com/jerairrest/react-chartjs-2
chart charting-library chartjs chartjs-2 charts data-visualization datavis datavisualization dataviz-tools react reactjs visualization
Last synced: 2 months ago
JSON representation
React components for Chart.js, the most popular charting library
- Host: GitHub
- URL: https://github.com/jerairrest/react-chartjs-2
- Owner: reactchartjs
- License: mit
- Created: 2016-05-06T22:01:08.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2024-04-09T02:01:46.000Z (3 months ago)
- Last Synced: 2024-04-09T04:05:08.184Z (2 months ago)
- Topics: chart, charting-library, chartjs, chartjs-2, charts, data-visualization, datavis, datavisualization, dataviz-tools, react, reactjs, visualization
- Language: TypeScript
- Homepage: https://react-chartjs-2.js.org
- Size: 8.08 MB
- Stars: 6,372
- Watchers: 46
- Forks: 2,160
- Open Issues: 97
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Lists
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-web-react - React Chart.js 2 - React wrapper for Chart.js. (Charts and Maps)
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-charting - react-chart-js - React wrapper for Chart.js (Framework-Specific Libraries / React)
- chartjs-awesome - react-chart-js - React wrapper for Chart.js (Framework-Specific Libraries / React)
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-react-components- - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
- awesome-react - react-chartjs-2 - Common react charting components using Chart.js 2.0.  (UI Components / Data Visualization)
- awesome-typing - react-chartjs-2
- awesome - react-chartjs-2
- fucking-awesome-react-components - react-chartjs-2 - Common react charting components using Chart.js 2.0. (UI Components / Chart)
README
# react-chartjs-2
React components for Chart.js, the most popular charting library.
Supports Chart.js v4 and v3.
[![NPM version][npm]][npm-url]
[![Downloads][downloads]][downloads-url]
[![Build status][build]][build-url]
[![Coverage status][coverage]][coverage-url]
[![Bundle size][size]][size-url]
[npm]: https://img.shields.io/npm/v/react-chartjs-2.svg
[npm-url]: https://www.npmjs.com/package/react-chartjs-2
[downloads]: https://img.shields.io/npm/dm/react-chartjs-2.svg
[downloads-url]: https://www.npmjs.com/package/react-chartjs-2
[build]: https://img.shields.io/github/actions/workflow/status/reactchartjs/react-chartjs-2/ci.yml?branch=master
[build-url]: https://github.com/reactchartjs/react-chartjs-2/actions
[coverage]: https://img.shields.io/codecov/c/github/reactchartjs/react-chartjs-2.svg
[coverage-url]: https://app.codecov.io/gh/reactchartjs/react-chartjs-2
[size]: https://img.shields.io/bundlephobia/minzip/react-chartjs-2
[size-url]: https://bundlephobia.com/package/react-chartjs-2
Quickstart
•
Docs
•
Stack Overflow
## Quickstart
Install this library with peer dependencies:
```bash
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:
```jsx
import { Doughnut } from 'react-chartjs-2';
```
Need an API to fetch data? Consider [Cube](https://cube.dev/?ref=eco-react-chartjs), an open-source API for data apps.
[](https://cube.dev/?ref=eco-react-chartjs)
## Docs
- [Migration to v4](https://react-chartjs-2.js.org/docs/migration-to-v4)
- [Working with datasets](https://react-chartjs-2.js.org/docs/working-with-datasets)
- [Working with events](https://react-chartjs-2.js.org/docs/working-with-events)
- [FAQ](https://react-chartjs-2.js.org/faq)
- [Components](https://react-chartjs-2.js.org/components)
- [Examples](https://react-chartjs-2.js.org/examples)
## License
[MIT Licensed](LICENSE)
Copyright (c) 2020 Jeremy Ayerst