How to build a Dashboard using Syncfusion WPF | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (173).NET Core  (29).NET MAUI  (203)Angular  (107)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (211)BoldSign  (13)DocIO  (24)Essential JS 2  (106)Essential Studio  (200)File Formats  (65)Flutter  (132)JavaScript  (219)Microsoft  (118)PDF  (81)Python  (1)React  (98)Streamlit  (1)Succinctly series  (131)Syncfusion  (897)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (50)Windows Forms  (61)WinUI  (68)WPF  (157)Xamarin  (161)XlsIO  (35)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (146)Chart  (127)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (618)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (39)Extensions  (22)File Manager  (6)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (501)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (42)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (381)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (17)Web  (582)What's new  (323)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

How to build a Dashboard using the Syncfusion WPF Studio

“How to build a dashboard” is a frequently asked question, and I figured I could put together the different options that Syncfusion provides here for building dashboard-type WPF applications.

First, let us define “dashboard.” In the context of WPF applications, a dashboard is a user interface that presents to the end-user meaningful high-level information (business critical, real-time, scientific, etc.) in an intuitive manner.

So to build a UI like this, you will first need some “core data-bound controls” that let you visualize your data and then some “presentation controls” that let you lay out the different “tiles” in the dashboard in a prioritized, visually pleasing manner.

Core Data Bound Controls

You might want to visualize your Relational (OLTP) or Multi-Dimensional (OLAP) data in the dashboards.

Relational (OLTP) data

Syncfusion WPF Studio comes with several data-bound controls that are ideal for visualizing your data in a dashboard. The most commonly used are:

  • Grid
  • Chart
  • Gauges

image

Dashboard built using the Grid, Chart and Gauges

Multi-Dimensional (OLAP) data

Syncfusion Business Intelligence Studio comes with the OLAP variants of the above controls that let you visualize OLAP data (from SSAS, for example) including dimensions, measures, KPIs, etc., using the following controls:

clip_image002

OlapGrid.

clip_image003

OlapChart

clip_image005

OlapGauges

Presentation Controls

You will then need some help presenting these core controls in a visually pleasing manner to the end-user. Essential Tools in our WPF Studio comes with several layout-defining controls that let you implement some common layout schemes.

  • TileViewThis is the most common layout used for dashboards. This is a control/framework that lets your end-users maximize/minimize “tiles” and move them around.
  • Taskbar – This is the UI common in Windows and Office to help visualize content within collapsible panels.
  • Docking Manager – Less commonly used, this lets you put together a dashboard that offers Visual Studio-like docking capabilities to your end-users.

(For more information browse to Essential Tools for WPF and search for the controls above)

Controls for Analysis

Besides the above, some dashboards would also require support for an “Excel-Like Pivot Table UI,” using which managers could perform slice-and-dice analysis of company performance, etc.

For this we provide two controls:

  • OlapClient – Use this to perform slice-and-dice analysis on your multi-dimensional data.

clip_image006

Slice and Dice analysis on multi-dimensional data using OlapClient

  • Excel-Like Pivot Grid – Use this to perform slice-and-dice analysis on your OLTP (relational) data. This will actually be released sometime this month (July 2010) as part of our 2010 Vol 3 Release.

clip_image008

Excel Like Pivot Grid to perform Slice and Dice analysis on Relational data in WPF.

Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed