JSON数据不显示在c3.js条形图上
我使用C3.js图表库,非常好的工作 但当我动态生成JSON数据并加载到图表上时,条形图不会显示 请参见下面的代码片段: 产生{ bindto:“chartFbPosts”, 数据:{ json:[{ 股份:27, 喜欢:241, 评论:300 }, { 股份:24, 喜欢:220, 评论:22 }, { 股份:19, 喜欢:208, 评论:81 }], 类型:'bar' } };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
请尝试此项并根据需要进行更改
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应用程序中编写了代码,但您是对的。我取下了标签。谢谢,谢谢!这很有道理。