The following example uses the DashboardControl's client-side API to obtain client data that corresponds to a particular visual element. When you click a card, the dxChart displays the detailed chart and shows a variation of actual/target values over time.
The ViewerApiExtensionOptions.onItemClick event is handled to obtain client data and invoke the dxPopup component with the dxChart
.
In the event handler, the e.getData method call obtains dashboard item's client data. The e.getAxisPoint method returns the axis point corresponding to the clicked card while the ItemData.getSlice method returns the slice of client data by this axis point.
The ItemDataAxis.getPoints method is used to obtain axis points that belongs to the "Sparkline" data axis. Corresponding actual/target values are obtained using the ItemData.getDeltaValue method.
- ClientData.js (VB: ClientData.js)
- Index.cshtml (VB: Index.vbhtml)
- _Layout.cshtml (VB: _Layout.vbhtml)
- Client-Side API Overview for ASP.NET MVC Dashboard
- Obtain Underlying and Displayed Data in the ASP.NET MVC Dashboard Extension
- Obtain Underlying and Displayed Data in Dashboard Control for JavaScript Applications
- Dashboard for MVC - How to obtain underlying data for the specified dashboard item
- Dashboard for MVC - How to obtain a dashboard item's underlying data for a clicked visual element
- Dashboard for Web Forms - How to get data from a clicked dashboard item
- Dashboard for Web Forms - How to obtain a dashboard item's underlying data for a clicked visual element
- Dashboard for Web Forms - How to obtain underlying data for the specified dashboard item
- Dashboard for ASP.NET Core - How to obtain a dashboard item's client data
- Dashboard for ASP.NET Core - How to obtain a dashboard item's underlying data for a clicked visual element
- Dashboard for ASP.NET Core - How to obtain underlying data for the specified dashboard item
(you will be redirected to DevExpress.com to submit your response)