Back to Devexpress

Dashboard Items

dashboard-116521-basic-concepts-and-terminology-dashboard-items.md

latest16.9 KB
Original Source

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

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.

|

DashboardCommon.ChartDashboardItem

Dashboard.Model.ChartItem

| |

Scatter Chart

|

|

Allows you to visualize relationships between numeric variables.

|

DashboardCommon.ScatterChartDashboardItem

Dashboard.Model.ScatterChartItem

| |

Grid

|

|

Allows you to display data in tabular form.

|

DashboardCommon.GridDashboardItem

Dashboard.Model.GridItem

| |

Pies

|

|

Displays a series of pies or donuts that represent each value’s contribution to the total value.

|

DashboardCommon.PieDashboardItem

Dashboard.Model.PieItem

| |

Cards

|

|

Displays a series of KPI elements (cards), each illustrating the difference between two values.

|

DashboardCommon.CardDashboardItem

Dashboard.Model.CardItem

| |

Gauges

|

|

Visualizes data with KPI elements (gauges). Each gauge measures progress toward a goal / KPI.

|

DashboardCommon.GaugeDashboardItem

Dashboard.Model.GaugeItem

| |

Pivot

|

|

Displays cross-tabular reports and allows you to analyze multi-dimensional data.

|

DashboardCommon.PivotDashboardItem

Dashboard.Model.PivotItem

| |

Choropleth Map

|

|

Allows you to colorize areas in proportion to the provided values.

|

DashboardCommon.ChoroplethMapDashboardItem

Dashboard.Model.ChoroplethMapItem

| |

Geo Point Map

|

|

Allows you to place callouts on the map using geographical coordinates.

|

DashboardCommon.GeoPointMapDashboardItem

Dashboard.Model.GeoPointMapItem

| |

Bubble Map

|

|

Displays bubbles on the map using geographical coordinates.

|

DashboardCommon.BubbleMapDashboardItem

Dashboard.Model.BubbleMapItem

| |

Pie Map

|

|

Allows you to place pies on the map using geographical coordinates.

|

DashboardCommon.PieMapDashboardItem

Dashboard.Model.PieMapItem

| |

Range Filter

|

|

Allows end-users to apply filters by dragging selection thumbs along the argument axis.

|

DashboardCommon.RangeFilterDashboardItem

Dashboard.Model.RangeFilterItem

| |

Images

|

|

Allows you to add static images or use images located in a data store.

|

DashboardCommon.ImageDashboardItem

DashboardCommon.BoundImageDashboardItem

Dashboard.Model.ImageItem

Dashboard.Model.BoundImageItem

| |

Text Box

|

|

Displays rich text in a dashboard.

|

DashboardCommon.TextBoxDashboardItem

Dashboard.Model.TextBoxItem

| |

Treemap

|

|

Allows you to visualize data in nested rectangles.

|

DashboardCommon.TreemapDashboardItem

Dashboard.Model.TreemapItem

| |

Custom Item

|

|

Allows you to implement and embed any additional items into the Web Dashboard.

|

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.

|

DashboardCommon.ComboBoxDashboardItem

Dashboard.Model.ComboBoxItem

| |

List Box

|

|

Allows end-users to select a value(s) from the list.

|

DashboardCommon.ListBoxDashboardItem

Dashboard.Model.ListBoxItem

| |

Tree View

|

|

Displays values hierarchically and allows end-users to filter other dashboard items by selecting parent/child values.

|

DashboardCommon.TreeViewDashboardItem

Dashboard.Model.TreeViewItem

| |

Date Filter

|

|

Allows end-users to filter other dashboard items by date-time values.

|

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.

|

DashboardCommon.DashboardItemGroup

Dashboard.Model.GroupItem

| |

Dashboard Tab Container

|

|

The Dashboard Tab container enables you to split the dashboard layout into several pages.

|

DashboardCommon.TabContainerDashboardItem

DashboardCommon.DashboardTabPage

Dashboard.Model.TabContainerItem

Dashboard.Model.DashboardTabPage

|