2016-12-01 4 views
0

간단한 그래프를 만들기 위해 c3을 사용합니다. Json 파일에서 데이터를 가져 와서 내 선 그래프를 작성하고 싶습니다.c3.js x/y에서 json 데이터를 설정하는 방법 Axis

내 Y 값은 ("레이블")이어야하고 내 X 값은 ("데이터")이어야합니다. (배열)이 있습니다

var chart = c3.generate({ 
    bindto: '#chart', 
    data: { 
      xFormat: '%Y-%m-%dT%H:%M:%S', 
      json: { 
       times:datas, 
       data: labels 
       } 
      } 
     }); 

내 "datas":

"2014-01-01T10:10:10" 
"2014-02-01T10:10:10" 
"2014-03-01T10:10:10" 
"2014-04-01T10:10:10" 
"2014-05-01T10:10:10" 
... 

그리고 내 레이블 : 지금 설정하는 방법

1234.433 
2234.431 
1231.546 
8965.354 
.... 

을 그래서이 내 코드처럼 보이는 방법 , 내 데이터를 X 축으로, 레이블을 Y로?

답변

1

날짜 히스토그램을 만들려면 x 축을 timeseries로 정의해야합니다.

결과는 다음과 같습니다

var chart = c3.generate({ 
    data: { 
     x: "time", 
     json: { 
      time: datas, 
      data: labels 
     } 
    }, 
    axis:{ 
     x:{ 
      type: "timeseries", 
      tick:{ 
       format:"%Y-%m-%dT%H:%M:%S" 
      } 
     } 
    } 
}); 
관련 문제