javascript - 为 C3 条形图动态加载 JSON 对象

Question

我正在尝试创建一个 C3 酒吧聊天。需要动态传递 JSON。

JSON：JSON数据

{ "applicationName": "app1", "frequency": 1 }, { "applicationName": "app2", "frequency": 54 }, { "applicationName": "app3", "frequency": 3 }  

我有以下代码，但它不起作用。也尝试使用 JSONdata.stringify() 。

var chart = c3.generate({

                        data: {
                            type: 'bar',
                            json: [
                                JSONdata                          
                            ],
                            keys: {
                                x: 'applicationName',
                               value: ['frequency']
                            }
                        },
                        axis: {
                            x: {
                                type: 'category'
                            }
                        },
                    bar: {
                        width: {
                            ratio: 0.5
                        }
                    }

                });

Answer 1

所有必须做的是：

var config = {};
config.data = {};
config.axis= {};
config.data.json = JSONdata;
config.data.type = 'bar';
config.data.keys=  {
                     x: 'applicationName',
                     value: ['frequency']
                    };
config.axis =  {
                    x: {
                        type: 'category'
                    }
                };
 config.bar = {
                    width: {
                        ratio: 0.9
                    }
                };

  var chart = c3.generate(config);