使用JSON的C3线型图

我不明白，因为我的图表工作不正常。任何东西都会显示出来

下面是我的简单代码：

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

你知道吗？我的控制台中没有任何错误消息。

---

JSIDLE:

您的JSON似乎无效

第三个元素缺少一个开括号

在属性名称周围包含双引号

将单引号更改为双引号

以下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
}
]

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