# Events Events for the shared sy-chart component. Also check the direct tag's API for behavior supported by your selected chart. Canonical: https://chart.syidax.com/docs/events/ ## Complete list - [typeLoadChange](https://chart.syidax.com/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/docs/events/rendered.md) — Emits rendering results in detail when chart drawing completes. - [appended](https://chart.syidax.com/docs/events/appended.md) — CustomEvent.detail type: ChartAppendedEventDetail. Event names are case-sensitive. - [windowSlid](https://chart.syidax.com/docs/events/windowSlid.md) — CustomEvent.detail type: { dropped: number }. Event names are case-sensitive. - [chartAnimationStart](https://chart.syidax.com/docs/events/chartAnimationStart.md) — CustomEvent.detail type: void. Event names are case-sensitive. - [chartAnimationEnd](https://chart.syidax.com/docs/events/chartAnimationEnd.md) — CustomEvent.detail type: void. Event names are case-sensitive. - [chartAnimationInterrupted](https://chart.syidax.com/docs/events/chartAnimationInterrupted.md) — CustomEvent.detail type: void. Event names are case-sensitive. - [pointHover](https://chart.syidax.com/docs/events/pointHover.md) — CustomEvent.detail type: ChartPointEventDetail | null. Event names are case-sensitive. - [dependencyClick](https://chart.syidax.com/docs/events/dependencyClick.md) — CustomEvent.detail type: GanttDependencyHitDetail. Event names are case-sensitive. - [taskEditStart](https://chart.syidax.com/docs/events/taskEditStart.md) — CustomEvent.detail type: GanttTaskEditEventDetail. Event names are case-sensitive. - [taskEditMove](https://chart.syidax.com/docs/events/taskEditMove.md) — CustomEvent.detail type: GanttTaskEditEventDetail. Event names are case-sensitive. - [taskEditEnd](https://chart.syidax.com/docs/events/taskEditEnd.md) — CustomEvent.detail type: GanttTaskEditEventDetail. Event names are case-sensitive. - [taskEditCancel](https://chart.syidax.com/docs/events/taskEditCancel.md) — CustomEvent.detail type: GanttTaskEditEventDetail. Event names are case-sensitive. - [dependencyHover](https://chart.syidax.com/docs/events/dependencyHover.md) — CustomEvent.detail type: GanttDependencyHitDetail|null. Event names are case-sensitive. - [dependencySelectionChange](https://chart.syidax.com/docs/events/dependencySelectionChange.md) — CustomEvent.detail type: GanttDependencySelectionChange. Event names are case-sensitive. - [pointClick](https://chart.syidax.com/docs/events/pointClick.md) — A point selection event. Read the selected data and index from CustomEvent.detail. - [pointContextMenu](https://chart.syidax.com/docs/events/pointContextMenu.md) — CustomEvent.detail type: ChartPointContextMenuEventDetail. Event names are case-sensitive. - [pointChange](https://chart.syidax.com/docs/events/pointChange.md) — CustomEvent.detail type: RadarChartPointerEventDetail. Event names are case-sensitive. - [pointDragStart](https://chart.syidax.com/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/docs/events/pointDragMove.md) — CustomEvent.detail type: NetworkGraphNodeDragEventDetail. Event names are case-sensitive. - [pointDragEnd](https://chart.syidax.com/docs/events/pointDragEnd.md) — CustomEvent.detail type: NetworkGraphNodeDragEventDetail. Event names are case-sensitive. - [seriesClick](https://chart.syidax.com/docs/events/seriesClick.md) — CustomEvent.detail type: { cssX: number; cssY: number }. Event names are case-sensitive. - [seriesOutsideClick](https://chart.syidax.com/docs/events/seriesOutsideClick.md) — CustomEvent.detail type: CartesianSeriesOutsideClickEventDetail. Event names are case-sensitive. - [legendItemClick](https://chart.syidax.com/docs/events/legendItemClick.md) — CustomEvent.detail type: ChartLegendItemEventDetail. Event names are case-sensitive. - [seriesToggled](https://chart.syidax.com/docs/events/seriesToggled.md) — CustomEvent.detail type: ChartSeriesToggledEventDetail. Event names are case-sensitive. - [crosshairMove](https://chart.syidax.com/docs/events/crosshairMove.md) — CustomEvent.detail type: CartesianCrosshairEventDetail | ParallelCoordinatesCrosshairDetail | null | Surface3DCrosshairDetail | Scatter3DCrosshairDetail | ThemeRiverCrosshairDetail | Bar3DCrosshairDetail. Event names are case-sensitive. - [tooltipShow](https://chart.syidax.com/docs/events/tooltipShow.md) — Whether to display the built-in tooltip. - [tooltipHide](https://chart.syidax.com/docs/events/tooltipHide.md) — CustomEvent.detail type: void. Event names are case-sensitive. - [zoomChange](https://chart.syidax.com/docs/events/zoomChange.md) — re-emitted from the active cartesian family after every zoom change. - [mapViewChange](https://chart.syidax.com/docs/events/mapViewChange.md) — Geographic camera after a completed globe drag or map-view reset. - [mapLayerChange](https://chart.syidax.com/docs/events/mapLayerChange.md) — CustomEvent.detail type: GeoMapLayerChangeEventDetail. Event names are case-sensitive. - [featureClick](https://chart.syidax.com/docs/events/featureClick.md) — CustomEvent.detail type: GeoMapFeatureHitDetail. Event names are case-sensitive. - [featureHover](https://chart.syidax.com/docs/events/featureHover.md) — CustomEvent.detail type: GeoMapFeatureHitDetail | null. Event names are case-sensitive. - [featureSelectionChange](https://chart.syidax.com/docs/events/featureSelectionChange.md) — CustomEvent.detail type: GeoMapFeatureSelectionChangeEventDetail. Event names are case-sensitive. - [axisBrushChange](https://chart.syidax.com/docs/events/axisBrushChange.md) — CustomEvent.detail type: ParallelCoordinatesBrushChangeEventDetail. Event names are case-sensitive. - [axisBrushStart](https://chart.syidax.com/docs/events/axisBrushStart.md) — CustomEvent.detail type: ParallelCoordinatesBrushGestureEventDetail. Event names are case-sensitive. - [axisBrushMove](https://chart.syidax.com/docs/events/axisBrushMove.md) — CustomEvent.detail type: ParallelCoordinatesBrushGestureEventDetail. Event names are case-sensitive. - [axisBrushEnd](https://chart.syidax.com/docs/events/axisBrushEnd.md) — CustomEvent.detail type: ParallelCoordinatesBrushGestureEventDetail. Event names are case-sensitive. - [brushChange](https://chart.syidax.com/docs/events/brushChange.md) — CustomEvent.detail type: CartesianBrushChangeEventDetail. Event names are case-sensitive. - [actionDispatched](https://chart.syidax.com/docs/events/actionDispatched.md) — every `dispatchAction` call, after it ran (`handled` false for an unknown type). - [renderProgress](https://chart.syidax.com/docs/events/renderProgress.md) — re-emitted from the scatter family: a progressively painted chunk landed (`done` on the last). - [brushStart](https://chart.syidax.com/docs/events/brushStart.md) — CustomEvent.detail type: CartesianBrushStartEventDetail. Event names are case-sensitive. - [brushMove](https://chart.syidax.com/docs/events/brushMove.md) — CustomEvent.detail type: CartesianBrushMoveEventDetail. Event names are case-sensitive. - [brushEnd](https://chart.syidax.com/docs/events/brushEnd.md) — CustomEvent.detail type: CartesianBrushEndEventDetail. Event names are case-sensitive. - [drawingsChange](https://chart.syidax.com/docs/events/drawingsChange.md) — the drawing document of the active cartesian family changed. - [drawingSelectionChange](https://chart.syidax.com/docs/events/drawingSelectionChange.md) — the drawing selection of the active cartesian family changed. - [tooltipAction](https://chart.syidax.com/docs/events/tooltipAction.md) — CustomEvent.detail type: ChartTooltipActionEventDetail. Event names are case-sensitive. - [sliceClick](https://chart.syidax.com/docs/events/sliceClick.md) — CustomEvent.detail type: PieChartSliceEventDetail. Event names are case-sensitive. - [sliceHover](https://chart.syidax.com/docs/events/sliceHover.md) — CustomEvent.detail type: PieChartSliceEventDetail | null. Event names are case-sensitive. - [sliceSelected](https://chart.syidax.com/docs/events/sliceSelected.md) — CustomEvent.detail type: PieChartSelectedEventDetail. Event names are case-sensitive. - [sliceToggled](https://chart.syidax.com/docs/events/sliceToggled.md) — CustomEvent.detail type: { index: number; sliceId: string; disabled: boolean }. Event names are case-sensitive. - [selectionChanged](https://chart.syidax.com/docs/events/selectionChanged.md) — CustomEvent.detail type: SankeySelectionChangeEventDetail | ChordSelectionChangeEventDetail | NetworkGraphSelectionChangeEventDetail | TreemapSelectionChangeEventDetail | SunburstSelectionChangeEventDetail | IcicleSelectionChangeEventDetail | GanttSelectionChangeEventDetail | ParallelCoordinatesSelectionChangeEventDetail | DendrogramSelectionChangeEventDetail | GeoMapSelectionChangeEventDetail | Surface3DSelectionChangeEventDetail | Scatter3DSelectionChangeEventDetail | FlowLinesSelectionChangeEventDetail | ThemeRiverSelectionChangeEventDetail | Bar3DSelectionChangeEventDetail. Event names are case-sensitive. - [drillChange](https://chart.syidax.com/docs/events/drillChange.md) — Treemap branch navigation through pointer, keyboard, methods or data reconciliation. - [gaugeClick](https://chart.syidax.com/docs/events/gaugeClick.md) — CustomEvent.detail type: GaugeChartPointerEventDetail. Event names are case-sensitive. - [gaugeHover](https://chart.syidax.com/docs/events/gaugeHover.md) — CustomEvent.detail type: GaugeChartPointerEventDetail | null. Event names are case-sensitive. - [valueChange](https://chart.syidax.com/docs/events/valueChange.md) — CustomEvent.detail type: { value: number; fraction: number }. Event names are case-sensitive. - [needleToggled](https://chart.syidax.com/docs/events/needleToggled.md) — CustomEvent.detail type: { index: number; needleId: string; disabled: boolean }. Event names are case-sensitive. - [sectionClick](https://chart.syidax.com/docs/events/sectionClick.md) — CustomEvent.detail type: FunnelChartPointerEventDetail. Event names are case-sensitive. - [sectionHover](https://chart.syidax.com/docs/events/sectionHover.md) — CustomEvent.detail type: FunnelChartPointerEventDetail | null. Event names are case-sensitive. - [sectionToggled](https://chart.syidax.com/docs/events/sectionToggled.md) — CustomEvent.detail type: { index: number; sectionId: string; disabled: boolean }. Event names are case-sensitive. - [cameraChange](https://chart.syidax.com/docs/events/cameraChange.md) — CustomEvent.detail type: Surface3DCameraChangeEventDetail. Event names are case-sensitive. - [dataValidationError](https://chart.syidax.com/docs/events/dataValidationError.md) — CustomEvent.detail type: ChartDataValidationErrorDetail. Event names are case-sensitive. - [contextMenuOpened](https://chart.syidax.com/docs/events/contextMenuOpened.md) — CustomEvent.detail type: ChartContextMenuEventDetail. Event names are case-sensitive. - [contextMenuClosed](https://chart.syidax.com/docs/events/contextMenuClosed.md) — CustomEvent.detail type: void. Event names are case-sensitive. - [contextMenuItemSelect](https://chart.syidax.com/docs/events/contextMenuItemSelect.md) — CustomEvent.detail type: ChartContextMenuItemEventDetail. Event names are case-sensitive. - [exported](https://chart.syidax.com/docs/events/exported.md) — CustomEvent.detail type: { format: 'png' | 'svg' | 'csv' | 'json'; filename: string }. Event names are case-sensitive. - [dataTableToggled](https://chart.syidax.com/docs/events/dataTableToggled.md) — CustomEvent.detail type: { open: boolean }. Event names are case-sensitive.