react-bulma-chartjs
v0.0.6
Published
Chartjs component is based on chart.js for React
Downloads
39
Maintainers
Readme
react-chartjs
Chartjs component is based on chart.js for React
Installation
npm install react-bulma-chartjs
Usage
import Chart from 'react-bulma-chartjs';
const data = {
labels: [
'Red', 'Green', 'Yellow'
],
datasets: [
{
data: [
300, 50, 100
],
backgroundColor: [
'#FF6384', '#36A2EB', '#FFCE56'
],
hoverBackgroundColor: ['#FF6384', '#36A2EB', '#FFCE56']
}
]
};
const options = {
animateRotate: true
};
const App => () =>
<div>
// doughnut
<Chart type={'doughnut'} data={data} options={options}/>
// pie
<Chart type={'pie'} data={data} options={options}/>
</div>
export default App
Chart type
bar
doughnut
line
pie
polarArea
radar
scatter
bubble