# Charts API Reference

Syidax Charts의 설정, 데이터 타입과 런타임 API를 찾아보세요.

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

<a id="start"></a>

## 시작하기

차트는 Web Component입니다. HTML attribute로 단순한 값을, JavaScript 프로퍼티로 배열·객체·콜백을 전달합니다. 공통 sy-chart와 개별 차트 태그 중 앱에 맞는 진입점을 선택하세요.

- [설치와 첫 차트](https://chart.syidax.com/ko/docs/getting-started.md) — 패키지 연결, 요소 등록, 데이터 할당과 크기 갱신
- [설정과 데이터 모델](https://chart.syidax.com/ko/docs/concepts.md) — 공통 파사드와 직접 태그, attribute와 property의 차이
- [테마와 로고](https://chart.syidax.com/ko/docs/branding.md) — 공통 브랜딩, 네 코너 위치와 Pro 사용자 지정
- [접근성](https://chart.syidax.com/ko/docs/accessibility.md) — 대체 데이터, 키보드와 색의 의미

<a id="reference"></a>

## API 탐색

- [Configuration options](https://chart.syidax.com/ko/docs/options.md) — 공통 sy-chart의 모든 설정 · 타입 · 기본값
- [차트별 API](https://chart.syidax.com/ko/docs/components.md) — 개별 태그의 데이터 계약, 속성, 이벤트와 메서드
- [Methods](https://chart.syidax.com/ko/docs/methods.md) — 실행 중인 차트를 제어하고 결과를 읽는 비동기 API
- [Events](https://chart.syidax.com/ko/docs/events.md) — 이벤트 이름과 CustomEvent.detail 타입
- [Types](https://chart.syidax.com/ko/docs/types.md) — 입력·결과 객체와 타입 사이의 관계

<a id="examples"></a>

## 실행 예제

옵션을 직접 바꾸고 차트가 그려지는 모습을 확인하려면 Components를 여세요. 이 문서에서는 API 설명과 계약을 읽고, Components에서는 현재 옵션에 해당하는 전체 코드를 복사할 수 있습니다.

- [Components 열기](https://chart.syidax.com/charts/demos) — 실시간 미리보기 · JavaScript · React · Vue · Angular

<a id="plain-text"></a>

## 텍스트 원문

모든 문서의 본문은 JavaScript 없이 읽을 수 있는 HTML로 제공됩니다. 각 페이지의 Markdown 링크는 같은 내용의 텍스트 원문입니다. JSON에는 문서 구조와 API 타입·기본값·인수가 포함됩니다.

- [문서 목차 · llms.txt](https://chart.syidax.com/ko/docs/llms.txt) — AI 도구가 문서별 Markdown 주소를 탐색할 수 있는 목록
- [전체 문서 · JSON](https://chart.syidax.com/ko/docs/reference.json) — 본문과 API 메타데이터를 함께 읽기