Saltar al contenido

react-chartjs-2 chart.js elementos del gráfico obtienen el ejemplo de código de contenido

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *