JavaScript/jQuery Funnel - User Interaction
A user can interact with the legend by hovering the pointer over legend items. This causes the onHoverChanged event handler to execute. Refer to the Funnel Item Hover Events topic for details.
In addition, a user can click legend items. The UI component does not react to this by default, but you can instruct it to by handling the legendClick event. If the handling function is not going to be changed at runtime, assign it to the onLegendClick property when you configure the UI component.
HTML
TypeScript
- <dx-funnel ...
- (onLegendClick)="onLegendClick($event)">
- </dx-funnel>
- import { DxFunnelModule } from "devextreme-angular";
- // ...
- export class AppComponent {
- onLegendClick (e) {
- var item = e.item;
- // Event handling commands go here
- }
- }
- @NgModule({
- imports: [
- // ...
- DxFunnelModule
- ],
- // ...
- })
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.