React component for C3.js

Note: c3.css is not included.

$ npm install --save react-c3js

const data = {
  columns: [
    ['data1', 30, 200, 100, 400, 150, 250],
    ['data2', 50, 20, 10, 40, 15, 25]
  ]
};

ReactDOM.render((
  <C3Chart data={data} />
), document.getElementById('react-c3js'));

You can also see the example using Docker:

docker build -t react-c3js .
docker run -p 8000:8000 react-c3js

See the Dockerfile.

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

MIT