c3으로 xy 꺾은 선형 차트를 만들려면 어떻게해야합니까?

Question

예제 페이지 http://c3js.org/samples/simple_multiple.html에서 열 또는 행을 기반으로 여러 줄 차트를 쉽게 만들 수 있습니다. 내가 NVD3 이것을 수행 할 수

[ 
    {x:1, y:2}, 
    {x:2, y:3} 
    ... 
] 

:

비록, 나는이 같은 XY 좌표의 순서에서 라인 차트를 구축하고자 덮여 간단한 경우를 찾을 수 없습니다.

각 점에 대해 xy 좌표로 꺾은 선형 차트를 만들 수 있습니까?

Answer 1

예, 단지 http://c3js.org/samples/data_json.html의 예에 약간의 비틀기 실제로이 보여 'X'값이 변수의 C3을 (우리가 X 알고 있지만, 단지 C3 말할 필요)

말할 필요 : 위의

var chart = c3.generate({ 
    data: { 
     json: [ 
      {name: 'www.site1.com', upload: 200, download: 200, total: 400, x: 2}, 
      {name: 'www.site2.com', upload: 100, download: 300, total: 400, x: 3}, 
      {name: 'www.site3.com', upload: 300, download: 200, total: 500, x: 4}, 
      {name: 'www.site4.com', upload: 400, download: 100, total: 500, x: 5}, 
     ], 
     keys: { 
      x: 'x', 
      value: ['upload', 'download'], 
     } 
    }, 
}); 

JSFiddle 버전 : http://jsfiddle.net/dj27wwef/