# drillChange

Treemap branch navigation through pointer, keyboard, methods or data reconciliation.

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

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

## 정의

이벤트 이름: `drillChange`. 대소문자를 구분합니다. payload는 `CustomEvent<TreemapDrillChangeEventDetail | SunburstDrillChangeEventDetail | IcicleDrillChangeEventDetail | DendrogramDrillChangeEventDetail>`의 `detail`에서 읽습니다.

```javascript
chart.addEventListener('drillChange', event => {
  console.log(event.detail); // TreemapDrillChangeEventDetail | SunburstDrillChangeEventDetail | IcicleDrillChangeEventDetail | DendrogramDrillChangeEventDetail
});
```

- [TreemapDrillChangeEventDetail](https://chart.syidax.com/ko/docs/types/TreemapDrillChangeEventDetail.md) — 타입 정의
- [SunburstDrillChangeEventDetail](https://chart.syidax.com/ko/docs/types/SunburstDrillChangeEventDetail.md) — 타입 정의
- [IcicleDrillChangeEventDetail](https://chart.syidax.com/ko/docs/types/IcicleDrillChangeEventDetail.md) — 타입 정의
- [DendrogramDrillChangeEventDetail](https://chart.syidax.com/ko/docs/types/DendrogramDrillChangeEventDetail.md) — 타입 정의

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

## 관련 차트

- [sy-treemap](https://chart.syidax.com/ko/docs/components/treemap.md#event-drillChange)
- [sy-sunburst](https://chart.syidax.com/ko/docs/components/sunburst.md#event-drillChange)
- [sy-icicle](https://chart.syidax.com/ko/docs/components/icicle.md#event-drillChange)
- [sy-dendrogram](https://chart.syidax.com/ko/docs/components/dendrogram.md#event-drillChange)