# chartOptionsChanged

연결 차트의 설정이 바뀌었을 때 발생합니다. 저장한 차트 모델을 갱신할 수 있습니다.

Canonical: https://grid.syidax.com/ko/docs/events/chartOptionsChanged/

<a id="meaning"></a>

## 무엇을 하는 API인가요

연결 차트의 설정이 바뀌었을 때 발생합니다. 저장한 차트 모델을 갱신할 수 있습니다.

Pro 기능 관련 API: Integrated range charts and pivot chart tools

<a id="contract"></a>

## 입력과 결과의 정확한 타입

```typescript
chartOptionsChanged: SyGridChartEvent
```

<a id="usage"></a>

## 사용 흐름

grid.addEventListener('chartOptionsChanged', handler)로 구독합니다. 실제 결과는 event.detail에 들어 있고 이름의 대소문자를 구분합니다. 화면을 닫을 때 구독을 해제하세요.

```javascript
const controller = new AbortController();
grid.addEventListener('chartOptionsChanged', event => {
  console.log(event.detail);
}, { signal: controller.signal });
// 화면을 해제할 때 controller.abort();
```

<a id="types"></a>

## 관련 타입 읽기

- [SyGridChartEvent](https://grid.syidax.com/ko/docs/types/SyGridChartEvent.md)

<a id="recipes"></a>

## 기능별 설명과 예제

- [선택 데이터를 차트로](https://grid.syidax.com/ko/docs/features/integrated-charts.md) — Grid의 범위를 차트로 연결하면 같은 데이터로 표와 그래프를 함께 읽을 수 있습니다. 숫자 값만 고르면 되는 것이 아니라 범주 열과 값 열을 차트 종류에 맞게 선택해야 합니다.