Chart update

[YourJest]

Hello! I want to update my chart but I don't know how to do this in a proper way. And what does the "refresh" method means?

[mert.sincan]

Fixed on the new version. Please see;
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>
        )
    }
}