Передача данных массива для использования в качестве реквизита в реактивных диаграммах js -2 - PullRequest
0 голосов
/ 30 апреля 2020

Я пытаюсь отправить данные Dynami c в виде массива из компонента 'LineChart' для использования в качестве реквизита в моем другом компоненте, используя диаграмму реагирования js 2.

Пока я могу видеть данные динамически изменяются по оси Y, но я не могу отобразить графики на моем экране. Может кто-нибудь, пожалуйста, помогите и дайте мне понять ошибку, которую я сделал.

import React,{Component} from 'react';
import axios from 'axios';
import LLineChart from './LLineChart';

class LineChart extends Component
{
    constructor(props)
    {
        super(props)
        this.state=
        {
            response:[]
        }
        this.getConfirmStatus=this.getConfirmStatus.bind(this);
    }

    componentWillUpdate()
    {
        this.getConfirmStatus();
    }

    getConfirmStatus()
    {        axios.get("https://api.covid19api.com/country/"+this.props.selectedCountryName+"/status/confirmed?from=2020-03-01T00:00:00Z&to=2020-05-31T00:00:00Z")
        .then(response=>{
            this.setState({response:response.data})
        })
    }

    render()
    {
        var confirmedTempArr=[];

        this.state.response.map((value)=>
        {
            (
                confirmedTempArr.push(value.Cases)
            )

        })
        return <LLineChart confirmedTempArr={confirmedTempArr}/>

    }
}


export default LineChart;
import React from 'react';
import {Line} from 'react-chartjs-2'

function LLineChart(props)
{
    const data={
        labels:['Jan', 'Feb' , 'Mar' , 'Apr' , 'May' ,
                'Jan1', 'Feb1' , 'Mar1' , 'Apr1' , 'May1' ,
                'Jan2', 'Feb2' , 'Mar2' , 'Apr2' , 'May2' ,
                'Jan3', 'Feb3' , 'Mar3' , 'Apr3' , 'May3' ,
                'Jan4', 'Feb4' , 'Mar4' , 'Apr4' , 'May4' ,
                'Jan5', 'Feb5' , 'Mar5' , 'Apr5' , 'May5' ,
                'Jan6', 'Feb6' , 'Mar6' , 'Apr6' , 'May6' ,
                'Jan7', 'Feb7' , 'Mar7' , 'Apr7' , 'May7' ,
                'Jan8', 'Feb8' , 'Mar8' , 'Apr8' , 'May8' ,    
            ],
        datasets:[
            {
                label:'Sales for 2020(M)',
                // data:['4', '6' , '2', '8', '9']
                data:props.confirmedTempArr

            }
        ]
    }

    return <Line data={data}/>
}

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