# selectionChanged

CustomEvent.detail type: SankeySelectionChangeEventDetail | ChordSelectionChangeEventDetail | NetworkGraphSelectionChangeEventDetail | TreemapSelectionChangeEventDetail | SunburstSelectionChangeEventDetail | IcicleSelectionChangeEventDetail | GanttSelectionChangeEventDetail | ParallelCoordinatesSelectionChangeEventDetail | DendrogramSelectionChangeEventDetail | GeoMapSelectionChangeEventDetail | Surface3DSelectionChangeEventDetail | Scatter3DSelectionChangeEventDetail | FlowLinesSelectionChangeEventDetail | ThemeRiverSelectionChangeEventDetail | Bar3DSelectionChangeEventDetail. Event names are case-sensitive.

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

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

## Definition

Event name: `selectionChanged`. Names are case-sensitive. Read the payload from `detail` on `CustomEvent<SankeySelectionChangeEventDetail | ChordSelectionChangeEventDetail | NetworkGraphSelectionChangeEventDetail | TreemapSelectionChangeEventDetail | SunburstSelectionChangeEventDetail | IcicleSelectionChangeEventDetail | GanttSelectionChangeEventDetail | ParallelCoordinatesSelectionChangeEventDetail | DendrogramSelectionChangeEventDetail | GeoMapSelectionChangeEventDetail | Surface3DSelectionChangeEventDetail | Scatter3DSelectionChangeEventDetail | FlowLinesSelectionChangeEventDetail | ThemeRiverSelectionChangeEventDetail | Bar3DSelectionChangeEventDetail>`.

```javascript
chart.addEventListener('selectionChanged', event => {
  console.log(event.detail); // SankeySelectionChangeEventDetail | ChordSelectionChangeEventDetail | NetworkGraphSelectionChangeEventDetail | TreemapSelectionChangeEventDetail | SunburstSelectionChangeEventDetail | IcicleSelectionChangeEventDetail | GanttSelectionChangeEventDetail | ParallelCoordinatesSelectionChangeEventDetail | DendrogramSelectionChangeEventDetail | GeoMapSelectionChangeEventDetail | Surface3DSelectionChangeEventDetail | Scatter3DSelectionChangeEventDetail | FlowLinesSelectionChangeEventDetail | ThemeRiverSelectionChangeEventDetail | Bar3DSelectionChangeEventDetail
});
```

- [SankeySelectionChangeEventDetail](https://chart.syidax.com/docs/types/SankeySelectionChangeEventDetail.md) — Type definition
- [ChordSelectionChangeEventDetail](https://chart.syidax.com/docs/types/ChordSelectionChangeEventDetail.md) — Type definition
- [NetworkGraphSelectionChangeEventDetail](https://chart.syidax.com/docs/types/NetworkGraphSelectionChangeEventDetail.md) — Type definition
- [TreemapSelectionChangeEventDetail](https://chart.syidax.com/docs/types/TreemapSelectionChangeEventDetail.md) — Type definition
- [SunburstSelectionChangeEventDetail](https://chart.syidax.com/docs/types/SunburstSelectionChangeEventDetail.md) — Type definition
- [IcicleSelectionChangeEventDetail](https://chart.syidax.com/docs/types/IcicleSelectionChangeEventDetail.md) — Type definition
- [GanttSelectionChangeEventDetail](https://chart.syidax.com/docs/types/GanttSelectionChangeEventDetail.md) — Type definition
- [ParallelCoordinatesSelectionChangeEventDetail](https://chart.syidax.com/docs/types/ParallelCoordinatesSelectionChangeEventDetail.md) — Type definition
- [DendrogramSelectionChangeEventDetail](https://chart.syidax.com/docs/types/DendrogramSelectionChangeEventDetail.md) — Type definition
- [GeoMapSelectionChangeEventDetail](https://chart.syidax.com/docs/types/GeoMapSelectionChangeEventDetail.md) — Type definition
- [Surface3DSelectionChangeEventDetail](https://chart.syidax.com/docs/types/Surface3DSelectionChangeEventDetail.md) — Type definition
- [Scatter3DSelectionChangeEventDetail](https://chart.syidax.com/docs/types/Scatter3DSelectionChangeEventDetail.md) — Type definition
- [FlowLinesSelectionChangeEventDetail](https://chart.syidax.com/docs/types/FlowLinesSelectionChangeEventDetail.md) — Type definition
- [ThemeRiverSelectionChangeEventDetail](https://chart.syidax.com/docs/types/ThemeRiverSelectionChangeEventDetail.md) — Type definition
- [Bar3DSelectionChangeEventDetail](https://chart.syidax.com/docs/types/Bar3DSelectionChangeEventDetail.md) — Type definition

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

## Related charts

- [sy-treemap](https://chart.syidax.com/docs/components/treemap.md#event-selectionChanged)
- [sy-sunburst](https://chart.syidax.com/docs/components/sunburst.md#event-selectionChanged)
- [sy-icicle](https://chart.syidax.com/docs/components/icicle.md#event-selectionChanged)
- [sy-dendrogram](https://chart.syidax.com/docs/components/dendrogram.md#event-selectionChanged)
- [sy-sankey](https://chart.syidax.com/docs/components/sankey.md#event-selectionChanged)
- [sy-chord](https://chart.syidax.com/docs/components/chord.md#event-selectionChanged)
- [sy-network-graph](https://chart.syidax.com/docs/components/network-graph.md#event-selectionChanged)
- [sy-theme-river](https://chart.syidax.com/docs/components/theme-river.md#event-selectionChanged)
- [sy-parallel-coordinates](https://chart.syidax.com/docs/components/parallel-coordinates.md#event-selectionChanged)
- [sy-geo-map](https://chart.syidax.com/docs/components/geo-map.md#event-selectionChanged)
- [sy-flow-lines](https://chart.syidax.com/docs/components/flow-lines.md#event-selectionChanged)
- [sy-surface-3d](https://chart.syidax.com/docs/components/surface-3d.md#event-selectionChanged)
- [sy-bar-3d](https://chart.syidax.com/docs/components/bar-3d.md#event-selectionChanged)
- [sy-scatter-3d](https://chart.syidax.com/docs/components/scatter-3d.md#event-selectionChanged)
- [sy-gantt-chart](https://chart.syidax.com/docs/components/gantt.md#event-selectionChanged)
- [sy-visual-map](https://chart.syidax.com/docs/components/visual-map.md#event-selectionChanged)