X축에 대한 구성 옵션을 설정하는 속성입니다. 구성 옵션에 대한 정보는 아래와 같습니다.
| name | type | required(default) | description |
|---|---|---|---|
| alternateGridColor | color |
선택 | 그리드 라인의 교차 색상 |
| categories | Array |
선택 | 축레이블 설정 |
| crosshair | boolean |
선택(false) | 포인트에 마우스 hover 시 십자 가이드라인 표시 여부 |
| endOnTick | boolean |
선택(false) | 축의 마지막 점을 강제로 표시할지 여부 |
| dynamicAxisMax | boolean |
선택(false) | 데이터가 설정한 축의 max보다 적을 경우 데이터의 길이로 max 값을 변경 |
| gridLineColor | color |
선택(#262626) | 그리드 라인의 색상 |
| gridLineDashStyle | string |
선택(solid) | 그리드 라인의 종류 값: "Solid", "ShortDash", "ShortDot", "ShortDashDot", "ShortDashDotDot", "Dot", "Dash", "LongDash", "DashDot", "LongDashDot", "LongDashDotDot" |
| gridLineWidth | number |
선택(0) | 그리드 라인의 너비 |
| gridZIndex | number |
선택(1) | 그리드 라인의 Z index |
| labels | object |
선택 | 라벨 속성 |
| lineColor | color |
선택(#ccd6eb) | 축 라인의 색상 |
| lineWidth | number |
선택(1) | 축 라인의 너비 |
| max | number |
선택 | 축의 최댓값 |
| min | number |
선택 | 축의 최솟값 |
| minorGridLineColor | color |
선택(#f2f2f2) | 보조 그리드 라인의 색상 |
| minorGridLineDashStyle | string |
선택(Solid) | 보조 그리드 라인의 종류 값: "Solid", "ShortDash", "ShortDot", "ShortDashDot", "ShortDashDotDot", "Dot", "Dash", "LongDash", "DashDot", "LongDashDot", "LongDashDotDot" |
| minorGridLineWidth | number |
선택(1) | 보조 그리드 라인의 너비 |
| minorTickColor | color |
선택(#999999) | 축에 표시할 보조 점의 색상 |
| minorTickInterval | number or string |
선택 | 축에 표시할 보조 점의 간격 숫자(축 단위 간격) 또는 "auto" (주 눈금 간격의 1/5로 자동 계산) |
| minorTickLength | number |
선택(2) | 축에 표시할 보조 점의 길이 |
| minorTickWidth | number |
선택(0) | 축에 표시할 보조 점의 너비 |
| offset | number |
선택(0) | 기본 위치 기준으로 표시할 위치 값 |
| opposite | boolean |
선택(false) | 상단에 축 표시 여부 |
| plotBands | object |
선택 | 플롯밴드 속성 (특정영역 하이라이팅) |
| reversed | boolean |
선택(false) | 축 반전 여부 |
| showFirstLabel | boolean |
선택(true) | 첫번째 축 라벨여부 표시 |
| showLastLabel | boolean |
선택(true) | 마지막 축 라벨여부 표시 |
| startOnTick | boolean |
선택(false) | 축의 시작점을 강제로 표시할지 여부 |
| tickInterval | number |
선택 | 축에 표시할 눈금 간격 |
| tickLength | number |
선택(10) | 축에 표시할 눈금 길이 |
| tickPosition | number |
선택(outside) | 축에 표시할 눈금 위치 |
| tickWidth | number |
선택(1) | 축에 표시한 눈금 너비 |
| title | object |
선택 | 축 제목 속성 (JSON 형식) |
| visible | boolean |
선택(true) | 축 보임 여부 |
| type | string |
선택(linear) | 축의 종류를 설정합니다. 값: "linear", "logarithmic", "datetime", "category" |
| plotLines | Array<object> |
선택(undefined) | 축의 특정 값 위치에 세로 기준선을 표시합니다. |
| tickPositions | Array<number> |
선택(undefined) | 눈금을 표시할 위치를 직접 지정합니다. |
| tickAmount | number |
선택(undefined) | 축에 표시할 눈금 개수를 지정합니다. |
| tickmarkPlacement | string |
선택(between) | 카테고리 축에서 눈금선과 격자선을 카테고리 사이에 둘지, 카테고리 위치에 둘지 설정합니다. 값: "between"(카테고리 사이), "on"(카테고리 위치) |
| tickPixelInterval | number |
선택(100) | 자동 눈금 계산 시 눈금 사이의 대략적인 간격(px)을 설정합니다. |
| minRange | number |
선택(undefined) | 확대할 수 있는 최소 범위(축 값 기준)를 설정합니다. |
| softMax | number |
선택(undefined) | 축 최대값의 하한을 설정합니다. |
| softMin | number |
선택(undefined) | 축 최소값의 상한을 설정합니다. |
| floor | number |
선택(undefined) | 자동으로 계산되는 축 최소값의 한계를 설정합니다. |
| ceiling | number |
선택(undefined) | 자동으로 계산되는 축 최대값의 한계를 설정합니다. |
| maxPadding | number |
선택(0.01) | 데이터 최대값 오른쪽에 둘 여백을 축 길이에 대한 비율로 설정합니다. |
| minPadding | number |
선택(0.01) | 데이터 최소값 왼쪽에 둘 여백을 축 길이에 대한 비율로 설정합니다. |
| dateTimeLabelFormats | object |
선택 | 시간 축(type: "datetime")의 라벨 형식을 눈금 단위별로 설정합니다. |
| linkedTo | number |
선택(undefined) | 다른 축의 범위와 눈금을 그대로 따르는 축을 만듭니다. 값은 연결할 축의 인덱스입니다. |
| left | number or string |
선택(undefined) | 축의 시작 위치를 설정합니다. 숫자는 차트 왼쪽 끝부터의 px, 문자열 백분율(예: "50%")은 그래프 영역 너비 기준입니다. |
| width | number or string |
선택(undefined) | 축의 길이를 설정합니다. 숫자는 px, 문자열 백분율(예: "50%")은 그래프 영역 너비 기준입니다. |
| margin | number |
선택(15) | 같은 쪽에 축이 여러 개 있을 때 축과 축 사이의 간격(px)을 설정합니다. |
| tickColor | color |
선택(#333333) | 축 눈금선의 색상을 설정합니다. |
| tickPositioner | function |
선택(undefined) | 눈금 위치를 계산하는 함수를 설정합니다. |
| breaks | Array<object> |
선택(undefined) | 축의 일부 구간을 생략해서 표시합니다. 생략한 구간의 앞뒤가 붙어서 그려집니다. |
| crossing | number |
선택(undefined) | x축이 y축의 어느 값 위치를 지나가게 할지 설정합니다. |
| startOfWeek | number |
선택(1) | 시간 축에서 주 단위 눈금을 무슨 요일에 둘지 설정합니다. 0은 일요일, 1은 월요일입니다. |
| units | Array |
선택(undefined) | 시간 축에서 눈금이 놓일 수 있는 시간 단위와 배수를 설정합니다. |
| showEmpty | boolean |
선택(true) | 연결된 데이터가 없는 축의 축선과 제목을 표시할지 설정합니다. |
| minorTicks | boolean |
선택(undefined) | 보조 눈금(과 보조 격자선)을 표시합니다. 숫자 축과 시간 축에 적용됩니다. |
| minorTicksPerMajor | number |
선택(5) | 주 눈금 한 칸을 보조 눈금으로 몇 등분할지 설정합니다. |
| minTickInterval | number |
선택(undefined) | 자동 계산되는 눈금 간격의 최소값(축 값 기준)을 설정합니다. |
| zoomEnabled | boolean |
선택(true) | 마우스 드래그 확대(chart.zooming)를 이 축에 적용할지 설정합니다. |
| top | number or string |
선택(undefined) | x축이 차지하는 세로 영역의 시작 위치를 설정합니다. 숫자는 차트 위쪽 끝부터의 px, 문자열 백분율(예: "50%")은 그래프 영역 높이 기준입니다. |