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.

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

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

• 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