title: load JSON Object Dynamically for C3 bar chart
body: <p>I am trying to create a C3 bar chat. Need to pass the JSON dynamically. </p>
  
  <p>JSON: JSONdata   </p>
  
  <pre><code>{ "applicationName": "app1", "frequency": 1 }, { "applicationName": "app2", "frequency": 54 }, { "applicationName": "app3", "frequency": 3 }  
  </code></pre>
  
  <p>I have the below code and it does not work. 
  Tried using JSONdata.stringify() too. </p>
  
  <pre><code>var chart = c3.generate({
  
                          data: {
                              type: 'bar',
                              json: [
                                  JSONdata                          
                              ],
                              keys: {
                                  x: 'applicationName',
                                 value: ['frequency']
                              }
                          },
                          axis: {
                              x: {
                                  type: 'category'
                              }
                          },
                      bar: {
                          width: {
                              ratio: 0.5
                          }
                      }
  
                  });
  </code></pre>