json - 使用 JSON 的带有 C3 的 LineChart

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. 第三个元素缺少一个左括号。
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
}
]