# Events

공통 sy-chart의 이벤트입니다. 선택한 차트에서 지원하는 동작은 직접 태그의 API도 확인하세요.

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

<a id="members"></a>

## 전체 목록

- [typeLoadChange](https://chart.syidax.com/ko/docs/events/typeLoadChange.md) — Every change of the chart type's load state: loading, ready, or why the type cannot be drawn .
- [rendered](https://chart.syidax.com/ko/docs/events/rendered.md) — 차트 그리기가 완료되면 렌더링 결과를 detail로 전달합니다.
- [appended](https://chart.syidax.com/ko/docs/events/appended.md) — CustomEvent.detail 타입: ChartAppendedEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [windowSlid](https://chart.syidax.com/ko/docs/events/windowSlid.md) — CustomEvent.detail 타입: { dropped: number }. 이벤트 이름은 대소문자를 구분합니다.
- [chartAnimationStart](https://chart.syidax.com/ko/docs/events/chartAnimationStart.md) — CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
- [chartAnimationEnd](https://chart.syidax.com/ko/docs/events/chartAnimationEnd.md) — CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
- [chartAnimationInterrupted](https://chart.syidax.com/ko/docs/events/chartAnimationInterrupted.md) — CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
- [pointHover](https://chart.syidax.com/ko/docs/events/pointHover.md) — CustomEvent.detail 타입: ChartPointEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.
- [dependencyClick](https://chart.syidax.com/ko/docs/events/dependencyClick.md) — CustomEvent.detail 타입: GanttDependencyHitDetail. 이벤트 이름은 대소문자를 구분합니다.
- [taskEditStart](https://chart.syidax.com/ko/docs/events/taskEditStart.md) — CustomEvent.detail 타입: GanttTaskEditEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [taskEditMove](https://chart.syidax.com/ko/docs/events/taskEditMove.md) — CustomEvent.detail 타입: GanttTaskEditEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [taskEditEnd](https://chart.syidax.com/ko/docs/events/taskEditEnd.md) — CustomEvent.detail 타입: GanttTaskEditEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [taskEditCancel](https://chart.syidax.com/ko/docs/events/taskEditCancel.md) — CustomEvent.detail 타입: GanttTaskEditEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [dependencyHover](https://chart.syidax.com/ko/docs/events/dependencyHover.md) — CustomEvent.detail 타입: GanttDependencyHitDetail|null. 이벤트 이름은 대소문자를 구분합니다.
- [dependencySelectionChange](https://chart.syidax.com/ko/docs/events/dependencySelectionChange.md) — CustomEvent.detail 타입: GanttDependencySelectionChange. 이벤트 이름은 대소문자를 구분합니다.
- [pointClick](https://chart.syidax.com/ko/docs/events/pointClick.md) — 점 선택 이벤트입니다. CustomEvent.detail에서 선택한 데이터와 인덱스를 읽습니다.
- [pointContextMenu](https://chart.syidax.com/ko/docs/events/pointContextMenu.md) — CustomEvent.detail 타입: ChartPointContextMenuEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [pointChange](https://chart.syidax.com/ko/docs/events/pointChange.md) — CustomEvent.detail 타입: RadarChartPointerEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [pointDragStart](https://chart.syidax.com/ko/docs/events/pointDragStart.md) — Network Graph — a node drag begins (after the 3 px threshold), moves and ends; `by` tells a pointer drag from a keyboard nudge.
- [pointDragMove](https://chart.syidax.com/ko/docs/events/pointDragMove.md) — CustomEvent.detail 타입: NetworkGraphNodeDragEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [pointDragEnd](https://chart.syidax.com/ko/docs/events/pointDragEnd.md) — CustomEvent.detail 타입: NetworkGraphNodeDragEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [seriesClick](https://chart.syidax.com/ko/docs/events/seriesClick.md) — CustomEvent.detail 타입: { cssX: number; cssY: number }. 이벤트 이름은 대소문자를 구분합니다.
- [seriesOutsideClick](https://chart.syidax.com/ko/docs/events/seriesOutsideClick.md) — CustomEvent.detail 타입: CartesianSeriesOutsideClickEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [legendItemClick](https://chart.syidax.com/ko/docs/events/legendItemClick.md) — CustomEvent.detail 타입: ChartLegendItemEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [seriesToggled](https://chart.syidax.com/ko/docs/events/seriesToggled.md) — CustomEvent.detail 타입: ChartSeriesToggledEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [crosshairMove](https://chart.syidax.com/ko/docs/events/crosshairMove.md) — CustomEvent.detail 타입: CartesianCrosshairEventDetail | ParallelCoordinatesCrosshairDetail | null | Surface3DCrosshairDetail | Scatter3DCrosshairDetail | ThemeRiverCrosshairDetail | Bar3DCrosshairDetail. 이벤트 이름은 대소문자를 구분합니다.
- [tooltipShow](https://chart.syidax.com/ko/docs/events/tooltipShow.md) — 내장 툴팁 표시 여부입니다.
- [tooltipHide](https://chart.syidax.com/ko/docs/events/tooltipHide.md) — CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
- [zoomChange](https://chart.syidax.com/ko/docs/events/zoomChange.md) — re-emitted from the active cartesian family after every zoom change.
- [mapViewChange](https://chart.syidax.com/ko/docs/events/mapViewChange.md) — Geographic camera after a completed globe drag or map-view reset.
- [mapLayerChange](https://chart.syidax.com/ko/docs/events/mapLayerChange.md) — CustomEvent.detail 타입: GeoMapLayerChangeEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [featureClick](https://chart.syidax.com/ko/docs/events/featureClick.md) — CustomEvent.detail 타입: GeoMapFeatureHitDetail. 이벤트 이름은 대소문자를 구분합니다.
- [featureHover](https://chart.syidax.com/ko/docs/events/featureHover.md) — CustomEvent.detail 타입: GeoMapFeatureHitDetail | null. 이벤트 이름은 대소문자를 구분합니다.
- [featureSelectionChange](https://chart.syidax.com/ko/docs/events/featureSelectionChange.md) — CustomEvent.detail 타입: GeoMapFeatureSelectionChangeEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [axisBrushChange](https://chart.syidax.com/ko/docs/events/axisBrushChange.md) — CustomEvent.detail 타입: ParallelCoordinatesBrushChangeEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [axisBrushStart](https://chart.syidax.com/ko/docs/events/axisBrushStart.md) — CustomEvent.detail 타입: ParallelCoordinatesBrushGestureEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [axisBrushMove](https://chart.syidax.com/ko/docs/events/axisBrushMove.md) — CustomEvent.detail 타입: ParallelCoordinatesBrushGestureEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [axisBrushEnd](https://chart.syidax.com/ko/docs/events/axisBrushEnd.md) — CustomEvent.detail 타입: ParallelCoordinatesBrushGestureEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [brushChange](https://chart.syidax.com/ko/docs/events/brushChange.md) — CustomEvent.detail 타입: CartesianBrushChangeEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [actionDispatched](https://chart.syidax.com/ko/docs/events/actionDispatched.md) — every `dispatchAction` call, after it ran (`handled` false for an unknown type).
- [renderProgress](https://chart.syidax.com/ko/docs/events/renderProgress.md) — re-emitted from the scatter family: a progressively painted chunk landed (`done` on the last).
- [brushStart](https://chart.syidax.com/ko/docs/events/brushStart.md) — CustomEvent.detail 타입: CartesianBrushStartEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [brushMove](https://chart.syidax.com/ko/docs/events/brushMove.md) — CustomEvent.detail 타입: CartesianBrushMoveEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [brushEnd](https://chart.syidax.com/ko/docs/events/brushEnd.md) — CustomEvent.detail 타입: CartesianBrushEndEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [drawingsChange](https://chart.syidax.com/ko/docs/events/drawingsChange.md) — the drawing document of the active cartesian family changed.
- [drawingSelectionChange](https://chart.syidax.com/ko/docs/events/drawingSelectionChange.md) — the drawing selection of the active cartesian family changed.
- [tooltipAction](https://chart.syidax.com/ko/docs/events/tooltipAction.md) — CustomEvent.detail 타입: ChartTooltipActionEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [sliceClick](https://chart.syidax.com/ko/docs/events/sliceClick.md) — CustomEvent.detail 타입: PieChartSliceEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [sliceHover](https://chart.syidax.com/ko/docs/events/sliceHover.md) — CustomEvent.detail 타입: PieChartSliceEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.
- [sliceSelected](https://chart.syidax.com/ko/docs/events/sliceSelected.md) — CustomEvent.detail 타입: PieChartSelectedEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [sliceToggled](https://chart.syidax.com/ko/docs/events/sliceToggled.md) — CustomEvent.detail 타입: { index: number; sliceId: string; disabled: boolean }. 이벤트 이름은 대소문자를 구분합니다.
- [selectionChanged](https://chart.syidax.com/ko/docs/events/selectionChanged.md) — CustomEvent.detail 타입: SankeySelectionChangeEventDetail | ChordSelectionChangeEventDetail | NetworkGraphSelectionChangeEventDetail | TreemapSelectionChangeEventDetail | SunburstSelectionChangeEventDetail | IcicleSelectionChangeEventDetail | GanttSelectionChangeEventDetail | ParallelCoordinatesSelectionChangeEventDetail | DendrogramSelectionChangeEventDetail | GeoMapSelectionChangeEventDetail | Surface3DSelectionChangeEventDetail | Scatter3DSelectionChangeEventDetail | FlowLinesSelectionChangeEventDetail | ThemeRiverSelectionChangeEventDetail | Bar3DSelectionChangeEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [drillChange](https://chart.syidax.com/ko/docs/events/drillChange.md) — Treemap branch navigation through pointer, keyboard, methods or data reconciliation.
- [gaugeClick](https://chart.syidax.com/ko/docs/events/gaugeClick.md) — CustomEvent.detail 타입: GaugeChartPointerEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [gaugeHover](https://chart.syidax.com/ko/docs/events/gaugeHover.md) — CustomEvent.detail 타입: GaugeChartPointerEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.
- [valueChange](https://chart.syidax.com/ko/docs/events/valueChange.md) — CustomEvent.detail 타입: { value: number; fraction: number }. 이벤트 이름은 대소문자를 구분합니다.
- [needleToggled](https://chart.syidax.com/ko/docs/events/needleToggled.md) — CustomEvent.detail 타입: { index: number; needleId: string; disabled: boolean }. 이벤트 이름은 대소문자를 구분합니다.
- [sectionClick](https://chart.syidax.com/ko/docs/events/sectionClick.md) — CustomEvent.detail 타입: FunnelChartPointerEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [sectionHover](https://chart.syidax.com/ko/docs/events/sectionHover.md) — CustomEvent.detail 타입: FunnelChartPointerEventDetail | null. 이벤트 이름은 대소문자를 구분합니다.
- [sectionToggled](https://chart.syidax.com/ko/docs/events/sectionToggled.md) — CustomEvent.detail 타입: { index: number; sectionId: string; disabled: boolean }. 이벤트 이름은 대소문자를 구분합니다.
- [cameraChange](https://chart.syidax.com/ko/docs/events/cameraChange.md) — CustomEvent.detail 타입: Surface3DCameraChangeEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [dataValidationError](https://chart.syidax.com/ko/docs/events/dataValidationError.md) — CustomEvent.detail 타입: ChartDataValidationErrorDetail. 이벤트 이름은 대소문자를 구분합니다.
- [contextMenuOpened](https://chart.syidax.com/ko/docs/events/contextMenuOpened.md) — CustomEvent.detail 타입: ChartContextMenuEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [contextMenuClosed](https://chart.syidax.com/ko/docs/events/contextMenuClosed.md) — CustomEvent.detail 타입: void. 이벤트 이름은 대소문자를 구분합니다.
- [contextMenuItemSelect](https://chart.syidax.com/ko/docs/events/contextMenuItemSelect.md) — CustomEvent.detail 타입: ChartContextMenuItemEventDetail. 이벤트 이름은 대소문자를 구분합니다.
- [exported](https://chart.syidax.com/ko/docs/events/exported.md) — CustomEvent.detail 타입: { format: 'png' | 'svg' | 'csv' | 'json'; filename: string }. 이벤트 이름은 대소문자를 구분합니다.
- [dataTableToggled](https://chart.syidax.com/ko/docs/events/dataTableToggled.md) — CustomEvent.detail 타입: { open: boolean }. 이벤트 이름은 대소문자를 구분합니다.