Как передать динамическое значение в массиве с помощью Donutchart в реагировать - PullRequest
1 голос
/ 17 октября 2019

Я получаю этот ответ от сервера, как этот. Как я могу принять этот ответ в переменную состояния и как я могу использовать динамическое значение для передачи в этой диаграмме внутри данных: [[]] массив в реагировать. Я использую в своем коде, как этот формат. Мне нужно только динамическое значение в этом графике на основе выбора выпадающего списка, выберите одно значение (последний день) и нажмите кнопку применения фильтра. отправляю запрос и получаю правильный ответ (последний день). Мне нужно, чтобы ценность получала ответ. мне нужно показать динамическое значение в этих чатах. на основе применения фильтра. как передать динамическое значение в эти данные: [[]] массив.

class Report extends React.Component {
    constructor(props) {
        super(props);
        this.state = {

            dashboardchart:{
                series:[{
                    data:[]
                }],

            },
        };
   }

   componentDidMount() {
        UserAction._getdashboardchart();
   }

    _userStoreChange(type, value) {
        if (type == 'DashboardChart') {
            let dashboardchart = UserStore._getdashboardchart() || {};
            this.setState({dashboardchart})
        }
    }

    render() {
        let chartdata = this.state.dashboardchart.series
        const piechart =  {
            chart: {
                type: 'pie',
                options3d: {
                    enabled: true,
                    alpha: 45
                }
            },
            title: {
                text: 'Claim - Key Performance Indicators'
            },
            subtitle: {
                text: ''
            },
            plotOptions: {
                pie: {
                    innerSize: 100,
                    depth: 45
                }
            },
            series: [{
                name: 'Total consumption',
                data: chartdata && chartdata.data && chartdata.data
            }]

          }

        return (
            <div className="panel-body">
                <ReactHighcharts config={piechart}></ReactHighcharts>
            </div>
        );
    }
}

export default Report;

enter image description here

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...