LineChart с C3 с использованием JSON

Question

Я не могу понять, потому что моя диаграмма не работает должным образом. Все отображается.

Ниже мой простой код:

    <div id="chartc3"></div>
    <script>
    var scene;
    $.getJSON('assets/json/chartc3.json', function(data) 
    { 
        scene=data;

        var chart = c3.generate({
        bindto: '#chartc3',
        data: 
            {
                json: scene,
                keys: 
                    {
                        value: ['round','val'],
                    }
            }
        });
    }); 
    </script>

и следующий файл JSON:

[
{
    round:'1', val:1000
},
{
    round:'2', val:1000
},

    round:'3', val:1000
},
{
    round:'4', val:1000
},
{
    round:'5', val:1000
},
{
    round:'6', val:1000
},
]

Есть ли у вас какие-либо идеи? У меня нет никаких сообщений об ошибках в моей консоли. JSFIDDLE: здесь

Answer 1

Ваш JSON кажется недействительным.

1. 3-й элемент не содержит открытых скобок.
2. Включите двойные кавычки вокруг имен свойств
3. Измените одинарные кавычки на двойные

Следующий JSON работает

[
{
    "round":"1", "val":1000
},
{
    "round":"2", "val":1000
},
{
    "round":"3", "val":1000
},
{
    "round":"4", "val":1000
},
{
    "round":"5", "val":1000
},
{
    "round":"6", "val":1000
}
]