축
축은 차트의 필수 부분입니다. 데이터가 차트의 픽셀 값에 매핑되는 방식을 결정하는데 사용됩니다. 데카르트 차트에는, 점을 2차원 캔버스에 매핑하기 위해 하나 이상의 X 축과 하나 이상의 Y 축이 있습니다. 이러한 축을 '직교 축'이라고 합니다.
레이더 차트 또는 극좌표 차트와 같은 방사형 차트에는 각도와 방사형 방향으로 점을 매핑하는 단일 축이 있습니다. 이를 '방사형 축'이라고 합니다.
Chart.js >v2.0의 스케일은 훨씬 강력하지만 v1.0의 스케일과는 다릅니다.
- 여러 X & Y 축이 지원됩니다.
- 내장된 라벨 자동 건너뛰기 기능은 겹치는 틱과 라벨을 감지하고 모든 n번째 라벨을 제거하여 정상적으로 표시되도록 합니다.
- 스케일 제목이 지원됩니다.
- 새로운 스케일 유형은 완전히 새로운 차트 유형을 작성하지 않고도 확장할 수 있습니다.
공통 설정
다음의 속성들은 Chart.js에서 제공하는 모든 축에 공통으로 적용됩니다.
이름 | 유형 | 기본 값 | 설명 |
---|---|---|---|
display |
boolean|string |
true |
축의 전역 가시성을 제어합니다 (
true 인 경우 표시, false 인
경우 숨깁니다).
display: 'auto' 이면, 하나
이상의 연결된 데이터집합이 표시되는 경우에만 축이
보여집니다.
|
callbacks |
object |
축의 생존주기에 연결하는 콜백함수. 더보기... | |
weight |
number |
0 |
축을 정렬하는데 사용되는 가중치입니다. 가중치가 높을 수록 차트 영역에서 멀어집니다. |
콜백
업데이트 프로세스의 여러 지점에서 스케일의 매개변수를 변경하는데 사용할 수 있는 여러 설정 콜백이 있습니다.
이름 | 인자 | 설명 |
---|---|---|
beforeUpdate |
axis |
업데이트 프로세스가 시작하기 전에 호출되는 콜백. |
beforeSetDimensions |
axis |
치수가 설정되기 전에 실행되는 콜백. |
afterSetDimensions |
axis |
치수가 설정된 후에 실행되는 콜백. |
beforeDataLimits |
axis |
데이터 제한이 결정되기 전에 실행되는 콜백. |
afterDataLimits |
axis |
데이터 제한이 결정된 후에 실행되는 콜백. |
beforeBuildTicks |
axis |
틱이 생성되기 전에 실행되는 콜백. |
afterBuildTicks |
axis , ticks |
틱이 생성된 후에 실행되는 콜백. 틱을 필터링하는데 유용합니다. 필터링된 틱을 반환해야 합니다. |
beforeTickToLabelConversion |
axis |
틱이 문자열로 변환되기 전에 실행되는 콜백. |
afterTickToLabelConversion |
axis |
틱이 문자열로 변환된 후에 실행되는 콜백. |
beforeCalculateTickRotation |
axis |
틱 회전이 결정되기 전에 실행되는 콜백. |
afterCalculateTickRotation |
axis |
틱 회전이 결정된 후에 실행되는 콜백. |
beforeFit |
axis |
스케일이 캔버스에 맞기 전에 실행되는 콜백. |
afterFit |
axis |
스케일이 캔버스에 맞춰진 후에 실행되는 콜백. |
afterUpdate |
axis |
업데이트 프로세스가 끝난 후에 실행되는 콜백. |
축 기본 값 업데이트
스케일의 기본 설정은 스케일 서비스를 사용하여 쉽게 변경할 수 있습니다. 새로운 기본 값을 형성하기 위해 현재 스케일 기본 설정과 병합될 부분 설정을 넘기기만 하면 됩니다.
예를 들어, 모든 선형 스케일에 대해 최소값 0을 설정하려면, 다음과 같이 진행합니다. 이 시간 이후에 생성된 모든 선형 스케일은 이제 최소값 0을 갖습니다.
Chart.scaleService.updateScaleDefaults('linear', {
ticks: {
min: 0
}
});
새 축 만들기
새로운 축을 만들려면, 개발자 문서를 참고해주세요.