Tengo un gráfico de líneas react-google-charts. Este gráfico acepta los datos en forma de:

const data = [
        ["Date", "Realizado"],
        ["Jan 01", 4 ],
        ["Jan 07", 12],
        ["Jan 14", 20],
        ["Jan 28", 282],
      ];

Y obtengo datos de API. Estos datos regresan;

(8) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
  0: {period: '2021/09', value: 0.9256896545996849}
  1: {period: '2021/06', value: 0.9754303727212889}
  2: {period: '2021/03', value: 0.9791388246940228}
  3: {period: '2020/12', value: 1.015357654499295}
  4: {period: '2020/09', value: 0.9337976106510073}
  5: {period: '2020/06', value: 0.9930550362681277}
  6: {period: '2020/03', value: 1.064082963594007}
  7: {period: '2019/12', value: 1.095682769989701}
length: 8
[[Prototype]]: Array(0)

¿Cómo puedo ajustar esta matriz como datos de gráfico?

0
edche 24 nov. 2021 a las 11:29

1 respuesta

La mejor respuesta

Algo como esto puede funcionar:

const chartData = apiData.map(obj => [obj.preriod, obj.value])

PD. es posible que deba volver a formatear su fecha

0
JSEvgeny 24 nov. 2021 a las 11:35
No dude en explicar el motivo de la votación negativa.
 – 
JSEvgeny
24 nov. 2021 a las 11:37