react-chartist

react-chartist
==============

[![NPM version][npm-image]][npm-url]
[![Downloads][downloads-image]][downloads-url]

React component for Chartist.js

$3

``
$ npm install react-chartist --save
`
Chartist is a peer dependency to react chartist. You need to install it if you do not have it installed already.

`
$ npm install chartist --save
`

$3

`JavaScript
import React from 'react';
import ReactDOM from 'react-dom';
import ChartistGraph from 'react-chartist';

class Bar extends React.Component {
render() {

var data = {
labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
series: [
[1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
]
};

var options = {
high: 10,
low: -10,
axisX: {
labelInterpolationFnc: function(value, index) {
return index % 2 === 0 ? value : null;
}
}
};

var type = 'Bar'

return (


`

$3

Please check out Chartist.js API documentation for more details of the options.

* data - chart data (required)
* type - chart type (required)
* style - inline css styles (optional)
* options - chart options (optional)
* responsive-options - chart responsive options (optional)

To add support for aspect ratio

`jsx

`

$3

This module does not include the css files for Chartist. If you want to add it, include their CDN in your html file

`HTML


`

Or use bower or npm to install Chartist and include it in your build process.

`
$ npm install chartist
`

Or

`
$ bower install chartist
`

$3

`
$ npm install
`

To build run npm run build

$3

If you want to support react version under v0.13, use npm install react-chartist@0.9.0`

$3

MIT

[npm-image]: https://img.shields.io/npm/v/react-chartist.svg?style=flat-square
[npm-url]: https://npmjs.org/package/react-chartist
[downloads-image]: http://img.shields.io/npm/dm/react-chartist.svg?style=flat-square
[downloads-url]: https://npmjs.org/package/react-chartist