Я пытаюсь отправить данные 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