JSON数据不显示在c3.js条形图上

JSON数据不显示在c3.js条形图上,json,c3.js,Json,C3.js,我使用C3.js图表库,非常好的工作 但当我动态生成JSON数据并加载到图表上时,条形图不会显示 请参见下面的代码片段: 产生{ bindto:“chartFbPosts”, 数据:{ json:[{ 股份:27, 喜欢:241, 评论:300 }, { 股份:24, 喜欢:220, 评论:22 }, { 股份:19, 喜欢:208, 评论:81 }], 类型:'bar' } }; 请尝试此项并根据需要进行更改 var jsonData = [ {name: 'www.site1.co

我使用C3.js图表库,非常好的工作

但当我动态生成JSON数据并加载到图表上时,条形图不会显示

请参见下面的代码片段:

产生{ bindto:“chartFbPosts”, 数据:{ json:[{ 股份:27, 喜欢:241, 评论:300 }, { 股份:24, 喜欢:220, 评论:22 }, { 股份:19, 喜欢:208, 评论:81 }], 类型:'bar' } };
请尝试此项并根据需要进行更改

var jsonData = [
    {name: 'www.site1.com', upload: 200},
    {name: 'www.site2.com', upload: 100},
    {name: 'www.site3.com', upload: 300},
    {name: 'www.site4.com', upload: 400}
]

var data = {};
var sites = [];
jsonData.forEach(function(e) {

    sites.push(e.name);
    data[e.name] = e.upload;
})    

chart = c3.generate({
bindto: '#chartFbPosts',
    data: {
        json: [ data ],
        keys: {
            value: sites,
        },
        type:'pie'
    },
}); 
请看这个例子

问题用PHP标记,但您的问题中没有PHP代码?我在PHP应用程序中编写了代码,但您是对的。我取下了标签。谢谢,谢谢!这很有道理。