Dane kolumn z tablicą json c3.js

Question

Próbuję utworzyć wykres przy użyciu C3.js, ale mając problem z danymi json.

Oto moje dane:

{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"} 

Idealnie chciałabym mieć wykres liniowy, gdzie każda linia reprezentuje etykietę, a każdy punkt na wykresie była wartość. czy to możliwe? W chwili, gdy wprowadzam te dane do wykresu, pokazuje on tylko jedną linię wszystkich tych wartości.

Answer 1

formatowanie json do czegoś jak

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

użytku osi kategorii, aby pokazać wiele linii

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

Demo Example