Dashboard Items

• Jun 07, 2021
• 4 minutes to read

The DevExpress Dashboard provides elements that display visual or textual information in a dashboard - dashboard items. For instance, the Chart displays data using interactive graphs; the Grid displays data in a tabular form; Maps allow you to place callouts, bubbles or pies on the map using geographical coordinates, etc.

Dashboard items can be divided into the following groups:

• Data Visualization Items
• Filter Elements
• Dashboard Item Containers

Data Visualization Items

Data visualization items represent UI elements used to display data in the dashboard.

Dashboard Item	Image	Description	API
Chart		Displays data graphically using bars, lines, points, etc. WinForms Designer - Creating a Chart Web Dashboard - Creating a Chart	DashboardCommon.ChartDashboardItem Dashboard.Model.ChartItem
Scatter Chart		Allows you to visualize relationships between numeric variables. WinForms Designer - Creating a Scatter Chart Web Dashboard - Creating a Scatter Chart	DashboardCommon.ScatterChartDashboardItem Dashboard.Model.ScatterChartItem
Grid		Allows you to display data in tabular form. WinForms Designer - Creating a Grid Web Dashboard - Creating a Grid	DashboardCommon.GridDashboardItem Dashboard.Model.GridItem
Pies		Displays a series of pies or donuts that represent each value’s contribution to the total value. WinForms Designer - Creating Pies Web Dashboard - Creating Pies	DashboardCommon.PieDashboardItem Dashboard.Model.PieItem
Cards		Displays a series of KPI elements (cards), each illustrating the difference between two values. WinForms Designer - Creating Cards Web Dashboard - Creating Cards	DashboardCommon.CardDashboardItem Dashboard.Model.CardItem
Gauges		Visualizes data with KPI elements (gauges). Each gauge measures progress toward a goal / KPI. WinForms Designer - Creating Gauges Web Dashboard - Creating Gauges	DashboardCommon.GaugeDashboardItem Dashboard.Model.GaugeItem
Pivot		Displays cross-tabular reports and allows you to analyze multi-dimensional data. WinForms Designer - Creating a Pivot Web Dashboard - Creating a Pivot	DashboardCommon.PivotDashboardItem Dashboard.Model.PivotItem
Choropleth Map		Allows you to colorize areas in proportion to the provided values. WinForms Designer - Creating a Choropleth Map Web Dashboard - Creating a Choropleth Map	DashboardCommon.ChoroplethMapDashboardItem Dashboard.Model.ChoroplethMapItem
Geo Point Map		Allows you to place callouts on the map using geographical coordinates. WinForms Designer - Creating Geo Point Maps Web Dashboard - Creating Geo Point Maps	DashboardCommon.GeoPointMapDashboardItem Dashboard.Model.GeoPointMapItem
Bubble Map		Displays bubbles on the map using geographical coordinates. WinForms Designer - Creating Geo Point Maps Web Dashboard - Creating Geo Point Maps	DashboardCommon.BubbleMapDashboardItem Dashboard.Model.BubbleMapItem
Pie Map		Allows you to place pies on the map using geographical coordinates. WinForms Designer - Creating Geo Point Maps Web Dashboard - Creating Geo Point Maps	DashboardCommon.PieMapDashboardItem Dashboard.Model.PieMapItem
Range Filter		Allows end-users to apply filters by dragging selection thumbs along the argument axis. WinForms Designer - Creating a Range Filter Web Dashboard - Creating a Range Filter	DashboardCommon.RangeFilterDashboardItem Dashboard.Model.RangeFilterItem
Images		Allows you to add static images or use images located in a data store. WinForms Designer - Creating Images Web Dashboard - Creating Images	DashboardCommon.ImageDashboardItem DashboardCommon.BoundImageDashboardItem Dashboard.Model.ImageItem Dashboard.Model.BoundImageItem
Text Box		Displays rich text in a dashboard. WinForms Designer - Creating a Text Box Web Dashboard - Creating a Text Box	DashboardCommon.TextBoxDashboardItem Dashboard.Model.TextBoxItem
Treemap		Allows you to visualize data in nested rectangles. WinForms Designer - Creating a Treemap Web Dashboard - Creating a Treemap	DashboardCommon.TreemapDashboardItem Dashboard.Model.TreemapItem
Custom Item		Allows you to implement and embed any additional items into the Web Dashboard. WinForms Designer - Custom Item Web Dashboard - Custom Item	DashboardCommon.CustomDashboardItem Dashboard.Model.CustomItem

Filter Elements

Filter elements are used to apply filtering to other dashboard items.

Filter Element	Image	Description	API
Combo Box		Allows end-users to select a value(s) from the drop-down list. WinForms Designer - Creating a Combo Box Web Dashboard - Creating a Combo Box	DashboardCommon.ComboBoxDashboardItem Dashboard.Model.ComboBoxItem
List Box		Allows end-users to select a value(s) from the list. WinForms Designer - Creating a List Box Web Dashboard - Creating a List Box	DashboardCommon.ListBoxDashboardItem Dashboard.Model.ListBoxItem
Tree View		Displays values hierarchically and allows end-users to filter other dashboard items by selecting parent/child values. WinForms Designer - Creating a Tree View Web Dashboard - Creating a Tree View	DashboardCommon.TreeViewDashboardItem Dashboard.Model.TreeViewItem
Date Filter		Allows end-users to filter other dashboard items by date-time values. WinForms Designer - Creating a Date Filter Web Dashboard - Creating a Date Filter	DashboardCommon.DateFilterDashboardItem Dashboard.Model.DateFilterItem

Dashboard Item Containers

Containers are used to arrange items and manage dashboard items interaction within and outside the container.

Container	Image	Description	API
Dashboard Item Group		The Dashboard item group arranges dashboard items and allows you to manage interaction between dashboard items within and outside the group. WinForms Designer - Creating Groups Web Dashboard - Creating Groups	DashboardCommon.DashboardItemGroup Dashboard.Model.GroupItem
Dashboard Tab Container		The Dashboard Tab container enables you to split the dashboard layout into several pages. WinForms Designer - Creating Tabs Web Dashboard - Creating Tabs	DashboardCommon.TabContainerDashboardItem DashboardCommon.DashboardTabPage Dashboard.Model.TabContainerItem Dashboard.Model.DashboardTabPage