Dati colonna con json array c3.js

Question

Sto provando a creare un grafico utilizzando C3.js, ma avendo un problema che mostra i dati JSON.

Ecco il mio dati:

{StatsID: "1", label: "unique-visits", month: "2014-10", value: "17230"}, 
{StatsID: "2", label: "unique-visits", month: "2014-11", value: "17658"}, 
{StatsID: "3", label: "unique-visits", month: "2014-12", value: "15624"}, 
{StatsID: "4", label: "completes", month: "2014-10", value: "5323"}, 
{StatsID: "5", label: "completes", month: "2014-11", value: "6359"}, 
{StatsID: "6", label: "completes", month: "2014-12", value: "8216"}, 
{StatsID: "7", label: "quals", month: "2014-10", value: "552"}, 
{StatsID: "8", label: "quals", month: "2014-11", value: "318"}, 
{StatsID: "9", label: "quals", month: "2014-12", value: "332"} 

Idealmente mi piacerebbe avere un grafico a linee, dove ogni riga rappresenta un'etichetta, e ogni punto del grafico era un valore. È possibile? Nel momento in cui inserisco questi dati nel grafico, mostra solo una riga di tutti questi valori.

Answer 1

riformattare JSON a qualcosa come asse delle categorie

var jsonObject={ 
     data:{ 
       'unique-visits': [17230,17658,15624], 
       'completes': [5323,6359,8216], 
       'quals': [552,318,332] 
      }, 
     keys:['2014-10', '2014-11', '2014-12'] 
     } 

uso per mostrare più righe

var chart = c3.generate({ 
    data: { 
     json: 
      jsonObject.data 
    },axis: { 
     x: { 
      type: 'category', 
      categories: jsonObject.keys 
     } 
    } 
}); 

Demo Example