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: here

Answer 1

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

1. В третьем элементе отсутствуют открытые круглые скобки.
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 
} 
]