buen dia, soy nuevo en javascript y en react, en mi trabajo me han pedido hacer graficas, yo ocupo rechart y me mandaron un json de amazon:
eso lo tengo que mandar a llamar y ponerlo en la grafica, intente hacerlo como las demas graficas que tenia
componentDidMount() {
this.llamarDatas()
this.vehiculoPorColores()
}
y
vehiculoPorColores = () => {
const _this = this
fetch("/live/graph/color")
.then(response => response.json())
.then(datos => {
_this.setState(
{
vehiculosC: datos.map((e, i) => {
let k = Object.keys(e)[0]
let obj = e[k]
return { name: k, vehicles: obj.count }
})
},
() => setTimeout(this.vehiculoPorColores, 1000)
)
})
}
pero me da este error
esta seria la grafica aunque en la grafica si tengo bien como mandarlos a llamar
{this.state.vehiculosC && (
<ResponsiveContainer>
<BarChart
data={this.state.vehiculosC}
margin={{
top: 0,
right: 30,
left: 0,
bottom: 20
}}>
<CartesianGrid strokeDasharray="3 3" />
<XAxis tickMargin={20} dataKey="name" />
<YAxis tickMargin={20} />
<Tooltip />
<Bar dataKey="colores" fill="#F29120" />
</BarChart>
</ResponsiveContainer>
)}
necesito ayuda, casi no se javascript o mejor dicho no se