JavaScript/jQuery PieChart Events
This section describes events fired by this widget.
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
disposing
Raised before the widget is disposed of.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                
Main article: onDisposing
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
done
Raised when all series are ready.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                
Main article: onDone
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
drawn
Raised when the widget's rendering has finished.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                
Main article: onDrawn
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
exported
Raised after the widget is exported.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                
Main article: onExported
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
exporting
Raised before the widget is exported.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| cancel | 
                         Allows you to prevent exporting.  | 
                |
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| fileName | 
                         The name of the file to which the widget is about to be exported.  | 
                |
| format | 
                         The resulting file format. One of PNG, PDF, JPEG, SVG and GIF.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                
Main article: onExporting
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
fileSaving
Raised before a file with exported widget is saved to the user's local storage.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| cancel | 
                         Allows you to prevent file saving.  | 
                |
| component | 
                         The widget's instance.  | 
                |
| data | 
                         Exported data as a BLOB.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| fileName | 
                         The name of the file to be saved.  | 
                |
| format | 
                         The format of the file to be saved.  | 
                
Main article: onFileSaving
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
incidentOccurred
Raised when an error or warning occurs.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                |
| target | any | 
                         Information on the occurred incident.  | 
                
Main article: onIncidentOccurred
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
initialized
Raised only once, after the widget is initialized.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                
Main article: onInitialized
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
legendClick
Raised when a legend item is clicked or tapped.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| event | Event (jQuery or EventObject)  | 
                    
                         The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery.  | 
                
| jQueryEvent | 
                             Use 'event' instead. The jQuery event that caused the handler execution. Deprecated in favor of the event field.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                |
| points | 
                         The Point object(s).  | 
                |
| target | | | 
                         The argument of the point(s) corresponding to the clicked legend item.  | 
                
Main article: onLegendClick
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
optionChanged
Raised after a widget option is changed.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| model | 
                         The model data. Available only if you use Knockout.  | 
                |
| fullName | 
                         The path to the modified option that includes all parent options.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| component | 
                         The widget's instance.  | 
                |
| name | 
                         The modified option if it belongs to the first level. Otherwise, the first-level option it is nested into.  | 
                |
| value | any | 
                         The modified option's new value.  | 
                
Main article: onOptionChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
pointClick
Raised when a series point is clicked or tapped.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| event | Event (jQuery or EventObject)  | 
                    
                         The event that caused the function to execute. It is a dxEvent or a jQuery.Event when you use jQuery.  | 
                
| jQueryEvent | 
                             Use 'event' instead. The jQuery event that caused the handler execution. Deprecated in favor of the event field.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                |
| target | 
                         The clicked series point; described in the Point section.  | 
                
Main article: onPointClick
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
pointHoverChanged
Raised after the pointer enters or leaves a series point.
Event
Main article: onPointHoverChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
pointSelectionChanged
Raised when a series point is selected or selection is canceled.
Event
Main article: onPointSelectionChanged
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
tooltipHidden
Raised when a tooltip becomes hidden.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                |
| target | | | any | 
                         The series point whose tooltip is hidden; described in the Point section.  | 
                
Main article: onTooltipHidden
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
tooltipShown
Raised when a tooltip appears.
Event
Information about the event.
| Name | Type | Description | 
|---|---|---|
| component | 
                         The widget's instance.  | 
                |
| element | 
                         The widget's container. It is an HTML Element or a jQuery Element when you use jQuery.  | 
                |
| model | 
                         The model data. Available only if you use Knockout.  | 
                |
| target | | | any | 
                         The series point whose tooltip is shown; described in the Point section.  | 
                
Main article: onTooltipShown
See Also
- Handle Events: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
 
If you have technical questions, please create a support ticket in the DevExpress Support Center.