Визуализация данных Google Analytics в React.js, редактирование JSON - PullRequest
Новая
       15

Визуализация данных Google Analytics в React.js, редактирование JSON

0 голосов
/ 03 июня 2019

Я извлекаю данные из Google Analytics для отображения на панели пользователя. это мой первый проект по визуализации в React, и я решил использовать recharts для визуализации. Однако я хочу переформатировать некоторые данные Google Analytics, чтобы они выглядели примерно так, как дата.

Я изо всех сил пытаюсь написать функцию, которая проходит через мой массив данных и переформатирует данные 201903, например, в 03, 2019 (или даже лучше, март 2019). Мне просто нужна функция, которая может это сделать. тем не менее, у меня нет опыта в извлечении таких данных из массива.

Вот мои данные: 

[ [ '201811', '1', 'DailyPrep', '2' ],
  [ '201812', '1', 'DailyPrep', '64' ],
  [ '201901', '1', 'DailyPrep', '220' ],
  [ '201902', '1', 'DailyPrep', '755' ],
  [ '201903', '1', 'DailyPrep', '8534' ],
  [ '201904', '1', 'DailyPrep', '4705' ],
  [ '201905', '1', 'DailyPrep', '3667' ] ]

пример функции, которую я ищу: 

Const FormatX = () => {
   //year = the first four digits of the first data item in each array
   //month = the last two digits of the first data item in each array
   //monthyr = month + ', ' + year;
   //return monthyr;
}

1 Ответ

0 голосов
/ 17 июня 2019

Если вы просто ищете средство форматирования даты, вы можете попробовать moment.js 

moment("201905", "YYYYMM").format("MMMM YYYY");
// Output: May 2019

С данными, которые вы разместили, вы можете столкнуться с проблемой повторных платежей, потому что она принимает только массивы, в которых есть объекты (а не массивы, как в вашем примере). Вам нужно будет сопоставить массивы с объектом. 

const mapped = data.map(v => { return { date: v[0], someValue: v[3] } })

Я поместил ваш пример в JSFiddle , надеюсь, это поможет.

...