# drillChange

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

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

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

## Definition

Event name: `drillChange`. Names are case-sensitive. Read the payload from `detail` on `CustomEvent<TreemapDrillChangeEventDetail | SunburstDrillChangeEventDetail | IcicleDrillChangeEventDetail | DendrogramDrillChangeEventDetail>`.

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

- [TreemapDrillChangeEventDetail](https://chart.syidax.com/docs/types/TreemapDrillChangeEventDetail.md) — Type definition
- [SunburstDrillChangeEventDetail](https://chart.syidax.com/docs/types/SunburstDrillChangeEventDetail.md) — Type definition
- [IcicleDrillChangeEventDetail](https://chart.syidax.com/docs/types/IcicleDrillChangeEventDetail.md) — Type definition
- [DendrogramDrillChangeEventDetail](https://chart.syidax.com/docs/types/DendrogramDrillChangeEventDetail.md) — Type definition

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

## Related charts

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