C3js - 축 마커에 범주 레이블을 설정하는 방법

Question

꺾은 선형 차트를 그릴 때 c3js를 사용하고 있습니다. 축 마커 사이에 렌더링되는 x 축 표시 레이블. axis.x.type : 'category'를 사용 중입니다. 그렇지 않으면 라인이 생성되지 않습니다.

하지만 x 축 마커에 표시하고 싶습니다.

여기에 샘플 코드

여기

var chart = c3.generate({ 
    data: { 
     x:'xaxis', 
     columns: [ 
      ['xaxis','cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6', 'cat7', 'cat8', 'cat9'], 
      ['data1', 30, 200, 100, 400, 150, 250, 50, 100, 250] 
     ] 
    }, 
    axis: { 
     x: { 
     type: 'category' 
     } 
    } 
}); 

jsfiddle https://jsfiddle.net/abhinaw/kyjgzd62에 샘플 코드입니다.

이 방법이 있습니까?

감사

Answer 1

사용 axis.x.tick.centered 옵션 :

axis: { 
    x: { 
    tick: { 
     centered: true 
    } 
    } 
} 

이 updated fiddle를 참조하십시오.