고정 바 폭은 chartjs 2.x를

Question

위해 나는 그것의 조정 줄 수에 따라 지금 chartjs 2.x를 함께 고정 바 폭 옵션을 찾고 chartjs 2.x를

과 일부 막대 차트를 만드는 오전. "barPercentage"와 같은 옵션을 찾았지만 각 차트의 비율과 같은 작업이기 때문에 적합하지 않습니다. chartjs 1.x에 관한 한 가지 유사한 질문을 발견했지만 chartjs 2.x

Answer 1

이 기능을 구현하기 위해 사용자 정의 함수가 있습니다. 다른 사람에게 도움이되기를 바랍니다.

1 단계 : 아래와 같이 핵심 (Chart.js)의 "calculateBarWidth"기능을 업데이트하십시오.

calculateBarWidth: function(index) { 
     var xScale = this.getScaleForId(this.getMeta().xAxisID); 

     if (xScale.options.fixBarWidth) { 
      return xScale.options.fixedBarWidth; 
     } 

     var ruler = this.getRuler(index); 
     return xScale.options.stacked ? ruler.categoryWidth : ruler.barWidth; 
    } 

2 단계 : 초기화 부분에 사용자 지정 속성 (fixBarWidth, fixedBarWidth)을 추가합니다.

var options = { 
     scales: { 
      xAxes: [{ 
       // Manually set bar width in pixels 
       fixBarWidth: true, 
       fixedBarWidth: 10 
      }] 
      } 
     }