https://github.com/bcbcarl/react-c3js

React component for C3.js
https://github.com/bcbcarl/react-c3js

chart-component react react-c3js reactjs

Last synced: about 13 hours ago
JSON representation

React component for C3.js

• Host: GitHub
• URL: https://github.com/bcbcarl/react-c3js
• Owner: bcbcarl
• License: mit
• Created: 2015-11-22T18:06:45.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2024-05-17T08:56:49.000Z (7 months ago)
• Last Synced: 2024-12-04T09:12:18.668Z (10 days ago)
• Topics: chart-component, react, react-c3js, reactjs
• Language: JavaScript
• Homepage:
• Size: 650 KB
• Stars: 146
• Watchers: 6
• Forks: 68
• Open Issues: 41
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-c3js

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

React component for [C3.js](http://c3js.org/). ([Demo])

![screenshot](screenshot.png)

```javascript

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(, mountNode);

```

You can see the `docs` for more details.

[Demo]: http://bcbcarl.github.io/react-c3js/

## Installation

```

$ npm install --save react-c3js

```

## Contributing

### Yarn / NPM

1. Modify `src/index.js`.

2. Build the lib by using `npm run build` or `make build`.

3. Import C3Chart from react-c3js.

4. See the result.

### Docker

```bash

docker build -t react-c3js .

docker run --rm -p 9966:9966 --name react-c3js react-c3js

docker stop react-c3js

```

## Properties

Check out [C3.js Reference](http://c3js.org/reference.html) 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

* unloadBeforeLoad

* onPropsChanged

## License

MIT

[npm-image]: https://img.shields.io/npm/v/react-c3js.svg?style=flat-square

[npm-url]: https://npmjs.org/package/react-c3js