차트 js 꺾은 선형 차트의 다른 눈금 단계

Question

눈금 단계 크기가 5 인 꺾은 선형 눈금이있는 선 차트가 있는데 눈금 선 간격을 1 씩 설정하고 싶습니다. 볼 수 없습니다. 분명한 방법은 chart.js에서 이것을 달성하는 것입니다.

미리 감사드립니다.

Answer 1

불행히도 현재 Chart.js API에서는 진드기 배치와 관계없이 눈금 선 배치를 구성하는 명확한 방법이 없습니다. 즉 축마다 1 단계마다 눈금 선을 표시하면서 5 단계마다 눈금을 표시하도록 축을 구성 할 수 없습니다.

웨이는 없지만 나중에 행동을 취할 수있는 방법이 있습니다.

아래의 구성은 원하는 결과를 얻을 수 있지만 유일한 단점은 숨겨진 눈금 레이블에 대해 눈금 선이 여전히 축을 벗어나 확장된다는 것입니다 (예 : 약간 재미 있음). 여기

var chartInstance = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
    scales: { 
     yAxes: [{ 
     ticks: { 
      stepSize: 1 
     }, 
     callback: function(value, index, values) { 
     if (value % 5 === 0) { 
      return value; 
     } else { 
      return ' '; 
     } 
     }, 
     }] 
    } 
    } 
}); 

는 codepen 통해 동작 예이다.