Chart.js 막 대형 차트 막대와 레이블이 맞지 않습니다.

Question

Chart.js를 사용하여 일부 데이터를 막 대형 차트로 표시하고 있습니다. 이 데이터의 예는 다음과 같습니다

{뉴욕 : 29033, 샌프란시스코 [: 33432, 오클라호마 시티 : 38202} 등

나는 Chart.js 이러한 데이터 세트를 사용하여 다음

막 대형 차트를 만들면 차트의 막대가 만들어지는 레이블의 양에 따라 서로 뭉치거나 너무 멀리 떨어져있는 레이블과 함께 스쿼시되어 나타납니다.

막대와 레이블을 동일하게 맞출 수있는 방법이 있습니까?

Answer 1

귀하의 막대 차트를 사용하면 인스턴스를 구성 할 때 당신이 대체 할 수 있습니다 기본적으로 특정 설정을 가지고 있습니다. 변경하려면 barValueSpacing을 변경하십시오.

Bar.options = { //How it looks in the ChartJS library... 
    // ... 
barValueSpacing : 5, //Number - Spacing between data sets within X values 
    // ... 
} 

http://www.chartjs.org/docs/

체크에서 더 많은 설정에 대한 설명서를 참조하십시오.