react-c3js

React component for C3.js
Installation
$ npm install --save react-c3js
Usage
import C3Chart from 'react-c3js';
import 'c3/c3.css';
const data = {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
};
const mountNode = document.getElementById('react-c3js');
ReactDOM.render(<C3Chart data={data} />, mountNode);
You can also see the example using Docker:
docker build -t react-c3js .
docker run -p 8000:8000 react-c3js
Contributing
See the Dockerfile.
Properties
Check out C3.js Reference for more details.
- data
- title
- size
- padding
- color
- interaction
- transition
- oninit
- onrendered
- onmouseover
- onmouseout
- onresize
- onresized
- axis
- grid
- regions
- legend
- tooltip
- subchart
- zoom
- point
- line
- area
- bar
- pie
- donut
- gauge
- className
- style
License
MIT