clay-charts-react
v2.4.1
Published
Implementation of clay-charts in React.js
Downloads
13
Maintainers
Keywords
Readme
clay-charts-react
React.js implementation of Clay built on react-billboardjs
Setup
Install NodeJS >= v0.12.0 and NPM >= v3.0.0, if you don't have it yet. You can find it here.
Install local dependencies:
npm install
- Build the code:
npm run compile
Running Demos
- Install local dependencies:
npm install
- Start development server
npm run start
- Navigate to
localhost:8080
Basic Usage
See billboard.js and react-billboardjs for a more in depth API
import ClayCharts from 'clay-charts-react';
<ClayCharts
data={{
columns: [['data1', 100, 20, 30], ['data2', 20, 70, 100]],
type: 'bar',
}}
/>;
// or
import { BarChart } from 'clay-charts-react';
<BarChart
data={{
columns: [['data1', 100, 20, 30], ['data2', 20, 70, 100]],
}}
/>;