Te sugerimos que pruebes esta resolución en un entorno controlado antes de pasarlo a producción, un saludo.
Ejemplo: react chart js 2 api data
importReact,Componentfrom'react';import'./App.css';importaxiosfrom'axios'importChartfrom'./components/Chart';classAppextendsComponentconstructor()super();this.state=
chartData:componentDidMount()this.getChartData();getChartData()
axios.get("http://www.json-generator.com/api/json/get/coXIyroYAy?indent=2").then(res=>const coin = res.data;let labels =[];let data =[];
coin.forEach(element=>
labels.push(element.labels);
data.push(element.data););console.log(coin)this.setState(
chartData:
labels:labels,
datasets:[
label:"Population",
data: data,
backgroundColor:["rgba(255, 99, 132, 0.6)","rgba(54, 162, 235, 0.6)","rgba(255, 99, 132, 0.6)"],]););render()return(<div className="App">Object.keys(this.state.chartData).length&&<Chart
chartData=this.state.chartDatalocation="Massachusetts"
legendPosition="bottom"/></div>);exportdefaultApp;
Si haces scroll puedes encontrar las interpretaciones de otros usuarios, tú igualmente eres capaz dejar el tuyo si te gusta.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)