CD2H gitForager

Legitcode/react-chartjs

Name: react-chartjs

Owner: Legitcode

Description: common react charting components using chart.js

Created: 2015-11-10 02:07:06.0

Updated: 2016-05-15 07:14:36.0

Pushed: 2015-11-09 15:49:07.0

Homepage: null

Size: 454

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

react-chartjs

rich interactive react charting components using chart.js including

Line chart
Bar chart
Radar chart
Polar area chart
Pie chart
Doughnut chart

view chart examples

Installation

This is a CommonJS component only (to be used with something like Webpack or Browserify)

install --save react-chartjs

You must also include chart.js and React as dependencies.

Example Usage

LineChart = require("react-chartjs").Line;

MyComponent = React.createClass({
nder: function() {
return <LineChart data={chartData} options={chartOptions} width="600" height="250"/>

all other parameters will be passed through to the `canvas` element
if data passed into the component changes, points will animate between values using chart.js' `.update(). If you want the chart destroyed and redrawn on every change, pass in ``redraw` as a prop. For example<LineChart data={this.state.chartData} redraw />``

Chart References

The `canvaselement can be retrieved using ``getCanvas` and thechartjs object`` can be retrieved using `getChart`.

Other React projects that may interest you

This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.