React wrapper for ChartJs 2
Open for PR's and contributions!
Live demo: gor181.github.io/react-chartjs-2
To build the examples locally, run:
npm install
npm start
Then open localhost:8000
in a browser.
npm install react-chartjs-2 chart.js --save
Check example/src/components/* for usage.
import {Doughnut} from 'react-chartjs-2';
<Doughnut data={...} />
- data: PropTypes.object.isRequired,
- height: PropTypes.number,
- legend: PropTypes.object,
- options: PropTypes.object,
- redraw: PropTypes.bool,
- width: PropTypes.number
NOTE: The source code for the component is in src
. A transpiled CommonJS version (generated with Babel) is available in lib
for use with node.js, browserify and webpack. A UMD bundle is also built to dist
, which can be included without the need for any build system.
To build, watch and serve the examples (which will also watch the component source), run npm start
. If you just want to watch changes to src
and rebuild lib
, run npm run watch
(this is useful if you are working with npm link
).
Jed Watson for making react-component yo builder!
MIT Licensed
Copyright (c) 2016 Goran Udosic && Headstart App.