# xAxis

가로축의 종류, 범주, 범위와 표시 형식을 설정합니다. category 축은 categories의 순서를 값 배열의 인덱스와 맞추세요. 여러 축을 받는 경우 축 배열로 전달할 수 있습니다.

Canonical: https://chart.syidax.com/ko/docs/options/xAxis/

<a id="definition"></a>

## 정의

| 항목 | 값 |
| --- | --- |
| JavaScript 프로퍼티 | `xAxis` |
| HTML attribute | 객체·배열·콜백은 JavaScript 프로퍼티로 전달 |
| 타입 | `CartesianAxisInput \| ReadonlyArray<CartesianAxisInput>` |
| 기본값 | `undefined` |
| 타입에 포함된 리터럴 | `auto`, `off` |

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

- [CartesianAxisInput](https://chart.syidax.com/ko/docs/types/CartesianAxisInput.md) — 타입 정의

<a id="example"></a>

## 설정 예제

```javascript
// sy-line-chart를 등록하고 요소를 만든 뒤 설정합니다.
chart.xAxis = {
  "kind": "category",
  "categories": [
    "1월",
    "2월",
    "3월",
    "4월",
    "5월",
    "6월",
    "7월",
    "8월",
    "9월",
    "10월",
    "11월",
    "12월"
  ]
};
```

- [Line · 전체 예제와 API](https://chart.syidax.com/ko/docs/components/line.md)

<a id="related"></a>

## 관련 문서

같은 이름의 속성도 차트마다 타입과 기본값이 다를 수 있습니다. 직접 태그를 사용하는 경우 아래 해당 차트 문서를 기준으로 설정하세요.

- [공통 파사드와 직접 태그](https://chart.syidax.com/ko/docs/concepts.md)
- [sy-line-chart](https://chart.syidax.com/ko/docs/components/line.md#property-xAxis)
- [sy-area-chart](https://chart.syidax.com/ko/docs/components/area.md#property-xAxis)
- [sy-column-chart](https://chart.syidax.com/ko/docs/components/column.md#property-xAxis)
- [sy-bar-chart](https://chart.syidax.com/ko/docs/components/bar.md#property-xAxis)
- [sy-scatter-chart](https://chart.syidax.com/ko/docs/components/scatter.md#property-xAxis)
- [sy-bubble-chart](https://chart.syidax.com/ko/docs/components/bubble.md#property-xAxis)
- [sy-lollipop-chart](https://chart.syidax.com/ko/docs/components/lollipop.md#property-xAxis)
- [sy-dumbbell-chart](https://chart.syidax.com/ko/docs/components/dumbbell.md#property-xAxis)
- [sy-variwide-chart](https://chart.syidax.com/ko/docs/components/variwide.md#property-xAxis)
- [sy-waterfall-chart](https://chart.syidax.com/ko/docs/components/waterfall.md#property-xAxis)
- [sy-pareto-chart](https://chart.syidax.com/ko/docs/components/pareto.md#property-xAxis)
- [sy-histogram-chart](https://chart.syidax.com/ko/docs/components/histogram.md#property-xAxis)
- [sy-box-plot-chart](https://chart.syidax.com/ko/docs/components/box-plot.md#property-xAxis)
- [sy-error-bar-chart](https://chart.syidax.com/ko/docs/components/error-bar.md#property-xAxis)
- [sy-heatmap](https://chart.syidax.com/ko/docs/components/heatmap.md#property-xAxis)
- [sy-density-map](https://chart.syidax.com/ko/docs/components/density-map.md#property-xAxis)
- [sy-spectrogram](https://chart.syidax.com/ko/docs/components/spectrogram.md#property-xAxis)
- [sy-pictorial-chart](https://chart.syidax.com/ko/docs/components/pictorial.md#property-xAxis)
- [sy-candlestick-chart](https://chart.syidax.com/ko/docs/components/candlestick.md#property-xAxis)
- [sy-ohlc-chart](https://chart.syidax.com/ko/docs/components/ohlc.md#property-xAxis)