# 테마와 로고

페이지의 테마, 차트의 표현과 공통 브랜딩을 함께 설정합니다.

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

<a id="theme"></a>

## 테마

theme 프로퍼티로 차트 테마를 지정합니다. 앱의 밝은·어두운 테마가 바뀌면 차트에 전달하는 테마도 갱신하세요. 기본 로고와 윤곽선은 차트 테마에 맞게 보정됩니다.

- [theme · 지원 타입과 기본값](https://chart.syidax.com/ko/docs/options/theme.md)

<a id="position"></a>

## Community 로고와 위치

Community 차트에는 Syidax 심볼과 워드마크가 데이터 영역 안쪽에 표시됩니다. brand-position으로 네 코너 중 하나를 선택할 수 있습니다. 기본값은 bottom-right입니다. 화면과 이미지 내보내기에 같은 코너를 사용합니다. Data Zoom·Navigator·Visual Map은 연결된 대상 차트에 로고를 설정합니다.

```html
<sy-line-chart brand-position="bottom-left"></sy-line-chart>
```

- [brandPosition](https://chart.syidax.com/ko/docs/options/brandPosition.md)

<a id="custom"></a>

## Pro 사용자 지정

유효한 chart.branding 권한이 있으면 brand-logo="none"으로 로고를 제거하거나 brandLogo에 자신의 이미지를 전달할 수 있습니다. 이미지는 100 KB 이하 PNG·JPEG·WebP의 data URL을 사용합니다. 외부 이미지 URL과 SVG는 지원하지 않습니다. 권한이 없으면 기본 로고가 유지됩니다.

```html
<sy-line-chart brand-logo="none"></sy-line-chart>
```

- [brandLogo](https://chart.syidax.com/ko/docs/options/brandLogo.md)
- [로고 설정 미리보기](https://chart.syidax.com/charts/branding)