Chart update
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Fixed on the new version. Please see;
https://github.com/primefaces/primereact/issues/102
Exp;
https://github.com/primefaces/primereact/issues/102
Exp;
Code: Select all
import React, {Component} from 'react';
import {Chart} from 'primereact/components/chart/Chart';
import {Button} from 'primereact/components/button/Button';
export class PieChartDemo extends Component {
constructor(props) {
super(props);
this.state = {data: null};
}
componentDidMount() {
var _data = {
labels: ['A','B','C'],
datasets: [
{
data: [300, 50, 100],
backgroundColor: [
"#FF6384",
"#36A2EB",
"#FFCE56"
],
hoverBackgroundColor: [
"#FF6384",
"#36A2EB",
"#FFCE56"
]
}]
};
this.setState({data: _data});
}
addNewData() {
let _data = {...this.state.data};
_data.labels.push('D');
_data.datasets[0].data.push('40');
_data.datasets[0].backgroundColor.push("#000000");
_data.datasets[0].hoverBackgroundColor.push("#000000");
this.setState({data: _data});
}
render() {
return (
<div>
<Chart type="pie" data={this.state.data} />
<Button label="Add New Data" onClick={this.addNewData.bind(this)} />
</div>
)
}
}
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 19 guests