Dashboard for Web Forms - How to obtain a dashboard item's client data

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.

Files to Review

• Default.aspx (VB: Default.aspx)
• ClientData.js (VB: ClientData.js)

Documentation

• Obtain Underlying and Displayed Data in the ASP.NET Web Forms Dashboard Control

More Examples

• 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 underlying data for a clicked visual element
• Dashboard for ASP.NET Core - How to obtain underlying data for the specified dashboard item
• Dashboard for MVC - How to obtain a dashboard item's client data
• 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

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)