react-chartjs2
React component for Chart.js
Installation
npm install react-chartjs2 --save
Demo
Live demo: http://houjiazong.github.io/react-chartjs2/
Run Example in Dev
npm run example && open ./example/index.html
Example Usage
// using ES6 import RC2 from 'react-chartjs2'; class Main extends Component { render() { return <RC2 data={chartData} options={chartOptions} type='bar' />; } }; // not using ES6 var RC2 = require('react-chartjs2'); var Main = React.createClass({ render: function() { return <RC2 data={chartData} options={chartOptions} type='bar' />; } });
Get your Chart instance, like
class Main extends Component { componentDidMount() { this.myChart = this.refs['canvas'].getChart(); this.myChart.data.datasets[0].points[2] = 50; this.myChart.update(); } render() { return <RC2 ref='canvas' data={chartData} options={chartOptions} type='bar' />; } };
Chart type
Bar
Doughnut
Line
Pie
PolarArea
Radar