Dữ liệu cột với mảng json c3.js

Question

Tôi đang cố gắng tạo biểu đồ bằng cách sử dụng C3.js, nhưng gặp sự cố khi hiển thị dữ liệu json.

Đây là dữ liệu của tôi:

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

Lý tưởng nhất là tôi muốn có một đồ thị dòng, trong đó mỗi dòng thể hiện một nhãn, và mỗi điểm trên biểu đồ là một giá trị. Điều này có thể không? Tại thời điểm khi tôi nhập dữ liệu này vào biểu đồ, nó chỉ hiển thị một dòng của tất cả các giá trị này.

Answer 1

định dạng lại json để cái gì đó như

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

sử dụng loại trục để hiển thị nhiều dòng

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

Demo Example