Создание многострочного графика с перерасчетами, проблема с форматом данных [РЕАКТ] - PullRequest
Новая
       6

Создание многострочного графика с перерасчетами, проблема с форматом данных [РЕАКТ]

0 голосов
/ 27 ноября 2018

В настоящее время я работаю с приборной панелью с реагированием, которая будет содержать много диаграмм.

Я использую библиотеку recharts для рисования диаграмм, я хочу нарисовать многострочный график с (Дата на Xось, подсчет чего-либо по оси Y).

Я хочу по 1 строке для каждой страны.

Мои данные получены из API с форматом словаря 

{"CountryA":[{"placedOn":"2007-11","count":0},{"placedOn":"2007-12","count":0}],
{"CountryB":[{"placedOn":"2007-11","count":0},{"placedOn":"2007-12","count":0}],
{"CountryC":[{"placedOn":"2007-11","count":0},{"placedOn":"2007-12","count":0}],

Этоформат соответствует этому синтаксису в c # 

Dictionary<string, List<object>>

, где объект содержит дату и счет.

Я могу получить доступ к данным следующим образом: this.data["country"], который дает мне набор данных для строки.

Мне нужно отформатировать это или передать несколько наборов данных 

  var data = [
    {date: '2011-01', countryA: 4000, countryB: 2400, countryC: 2400},
    {date: '2012-01', countryA: 3000,  countryB: 2210},
    {date: '2013-01', countryA: 2000, countryB: 2900, countryC: 2290},
    {date: '2014-01', countryA: 2000, countryB: 9800, countryC: 2290}
  ];

Надеюсь, у вас появятся идеи для преобразования данных или использования нескольких наборов данных с повторными диаграммами.Я не заблокирован для перезарядки библиотеки, если вы думаете, что что-то проще, не стесняйтесь поделиться им.

Спасибо

...