C3 CHART - динамическая реакция JSON - PullRequest
Новая
       26

C3 CHART - динамическая реакция JSON

0 голосов
/ 31 октября 2019

Я пытаюсь построить 3 круговых диаграммы из одного и того же ответа json.

Вот что я получаю из ответа ajax json: 

[
{"user":"user1","accepted":2,"pending":2,"rejected":2}, 
{"user":"user2","accepted":2,"pending":2,"rejected":2}, 
{"user":"user3","accepted":2,"pending":2,"rejected":2},
{"user":"user4","accepted":2,"pending":2,"rejected":2}
]

Я пытаюсь получить:

  • диаграмма 1 для отображения всех пользователей и принятых значений на круговой диаграмме
  • диаграмма 2 для отображения всех пользователей и ожидающих значений на круговой диаграмме
  • диаграмма 3 для отображения всех пользователей и отклоненных значений на круговой диаграмме

На данный момент моя главная проблема заключается в том, как отформатировать ответ в правильном формате диаграммы c3

Я знаю, что этобазовая настройка круговой диаграммы 

var evolution = c3.generate({
    bindto: "#chart1",
    size: { height: 300 },
    data: {
        columns: [
            ['user1', 1],
            ['user2', 3],
            ['user3', 15],
            ['user4', 0],
            ['user5', 4],
        ],
        type : 'pie',
    }
});

How can i format the json response to fit this format?
['<user>', <accepted>],
...