c3.js генерирует составную полосу из полезной нагрузки JSON

Question

Я пытаюсь создать столбчатую диаграмму с накоплением с помощью c3 при использовании полезной нагрузки JSON (код ниже). Тем не менее, когда я группирую данные, вместо того, чтобы использовать режим стекирования, они вместо этого накладываются. Если я использую структуру столбцов, я получаю предполагаемое поведение, но это означает, что у меня будет другой код, сгенерированный для гистограммы с накоплением, в отличие от других визуальных элементов (т. Е. Графика временных рядов).

var chart = c3.generate({
data: {
    x: "x-axis",
    json:[
        { "x-axis": "0",
            "data1": 30
        },
        { "x-axis": "0",
            "data2": 40
        }],
        keys: {
            x: "x-axis",
            value: ["data1", "data2"]
        },
                groups: [
        ['data1', 'data2']
    ],
    type: 'bar'
}
});

Вот скрипка: http://jsfiddle.net/cjrobinson/ozf4fzcb/

Answer 1

Странно, что они перекрывают друг друга в вашем примере, я бы сообщил об этом как об ошибке в c3

Если вы не хотите использовать формат столбцов [], вы можете сделать это, как показано ниже, но вам все равно понадобится обработать данные:

var chart = c3.generate({
data: {
    x: "x-axis",
    json:[
        { "x-axis": "0",
            "data1": 30,
            "data2": 40
        },
        { "x-axis": "1",
            "data1" :20,
            "data2": 60
        }],
       // etc etc
        keys: {
            x: "x-axis",
            value: ["data1", "data2"]
        },
                groups: [
        ['data1', 'data2']
    ],
    type: 'bar'
}
});

http://jsfiddle.net/dhgujwy7/1/