# renderProgress

re-emitted from the scatter family: a progressively painted chunk landed (`done` on the last).

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

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

## 정의

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

```javascript
chart.addEventListener('renderProgress', event => {
  console.log(event.detail); // { drawn: number; total: number; done: boolean }
});
```

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

## 관련 차트

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