# valueChange

CustomEvent.detail 타입: { value: number; fraction: number }. 이벤트 이름은 대소문자를 구분합니다.

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

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

## 정의

이벤트 이름: `valueChange`. 대소문자를 구분합니다. payload는 `CustomEvent<{ value: number; fraction: number }>`의 `detail`에서 읽습니다.

```javascript
chart.addEventListener('valueChange', event => {
  console.log(event.detail); // { value: number; fraction: number }
});
```

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

## 관련 차트

- [sy-gauge-chart](https://chart.syidax.com/ko/docs/components/gauge.md#event-valueChange)