react-chartjs

WebJar for react-chartjs

License	MIT
Categories	React User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	react-chartjs
Last Version	0.6.0
Release Date	Jul 17, 2015
Type	jar
Description	react-chartjs WebJar for react-chartjs
Project URL	http://webjars.org
Source Code Management	https://github.com/jhudson8/react-chartjs

Download react-chartjs

Filename	Size
react-chartjs-0.6.0.pom
react-chartjs-0.6.0.jar	9 KB
react-chartjs-0.6.0-sources.jar	22 bytes
react-chartjs-0.6.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/react-chartjs/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>react-chartjs</artifactId>
    <version>0.6.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/react-chartjs/
implementation 'org.webjars.bower:react-chartjs:0.6.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/react-chartjs/
implementation ("org.webjars.bower:react-chartjs:0.6.0")

Apache Buildr

'org.webjars.bower:react-chartjs:jar:0.6.0'

Apache Ivy

<dependency org="org.webjars.bower" name="react-chartjs" rev="0.6.0">
  <artifact name="react-chartjs" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='react-chartjs', version='0.6.0')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "react-chartjs" % "0.6.0"

Leiningen

[org.webjars.bower/react-chartjs "0.6.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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)

npm install --save react-chartjs

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

npm install --save chart.js@^1.1.1 react react-dom

Example Usage

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

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

• data represents the chart data (see chart.js for details)
• options represents the chart options (see chart.js for details)
• 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 canvas element can be retrieved using getCanvas and the chartjs object can be retrieved using getChart.

Versions

Version
0.6.0 Jul 17, 2015