使用 JSON 的 C3 折线图

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似乎无效。

第三个元素缺少左括号。
在属性个名称周围加上双引号
将单引号改为双引号

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

使用 JSON 的 C3 折线图

LineChart with C3 using JSON

json

c3