Data Visualization & BI Dashboard (EAP v21.2)

This post outlines some of the DevExpress Dashboard related features we expect to ship in our next major release (v21.2). If you are an active Universal subscriber, please take a moment to download our Early Access Preview (EAP) and share your feedback with us. Your comments will help us fine-tune our implementation before official release in November. Active Universal subscribers can download the EAP build via the DevExpress Download Manager (if you own a DXperience Subscription, you can install the DevExpress Dashboard EAP in evaluation mode).

This post also includes enhancements and new features we expect to introduce across our data visualization components (DevExpress Chart and Map Control for WinForms, WPF and ASP.NET).

Important Note: This post does not contain information about our data visualization components for JavaScript (Angular, Vue, jQuery, React).

Early Access and CTP builds are provided solely for early testing purposes and are not ready for production use. This build can be installed side by side with other major versions of DevExpress products. Please backup your project and other important data before installing Early Access and CTP builds.

This EAP may not include all features/products we expect to ship in our v21.2 release cycle. As its name implies, the EAP offers an early preview of what we expect to ship in two months.

Dashboard - Enhanced Layout Capabilities (Dashboard Viewer and Dashboard Designer)

We extended the DevExpress Dashboard’s layout capabilities with new layout options.

Prior to this release, a dashboard was automatically resized to populate the Dashboard Viewer’s entire display region (to fully fit the screen). You can now customize the default display mode and specify the dashboard’s surface height and width. This feature will be of value if your dashboard uses a scrollable layout or if you need to tailor the dimensions of your dashboard for a specific screen size.

You can also mix layout settings and use adaptive size for width and fixed size for height.


If you’re an active Universal or DXperience subscriber, and have installed our EAP, select one of the following to explore this feature in greater detailSales Performance dashboard (WinForms) | Sales Performance dashboard (WPF)

Try it online: Web Dashboard demo (v21.2 EAP)


Dashboard - Custom Aggregation Functions

Along with the predefined aggregations, Dashboard now supports custom aggregation functions in client mode.

Refer to the following example to implement a custom aggregation function:
https://github.com/DevExpress-Examples/winforms-dashboard-custom-aggregates

Web Dashboard - End of support for Internet Explorer 11

All good things must come to an end. With v21.2, we will officially end support for Internet Explorer 11 (IE 11). For additional information, please refer to following blog post: DevExtreme and related products: End of support for Internet Explorer 11.

Charts - Customizable Empty Points (for WinForms, WPF and ASP.NET)

The DevExpress Chart Control can process gaps in a data source as empty points (points with undefined values). These gaps can now be visualized using different style options (based on Series view type). You can fully customize the appearance of point markers, line and area segments used to display empty points.

You can also draw “mock” points instead of gaps (based on values of neighboring Series points). To use this feature, set the series view’s EmptyPointOptions.ProcessPoints property to Interpolate.

  

Documentation: Empty Points (WinForms) | Empty Points (WPF)

If you’re an active Universal or DXperience subscriber, and have installed our EAP, select one of the following to explore this feature in greater detailEmpty Points (WinForms) | Empty Points (WPF)

Charts - Fast (Swift) Point Series (WinForms and ASP.NET)

We added a new lightweight Swift Point Series optimized to quickly render large data sets as a scatter (XY) plot.

 

The following chart summarizes the benefits of a Swift Point versus a regular Point Series with default settings enabled:

 

Documentation: SwiftPointSeriesView

If you’re an active Universal or DXperience subscriber, and have installed our EAP, use the following link to explore this feature in greater detail: Swift Point View (WinForms)

New Heat Map Control (WinForms)

v21.2 includes a new WinForms Heatmap Control that you can use to plot heatmap charts. Heatmaps help visualize data using a tabular layout (through color variations).


The following is a summary of Heatmap related features included in this release:

  • Binding to various data source types
  • Unbound mode support
  • Multiple coloring algorithms
  • Zoom and scroll operation support
  • Cell highlighting modes
  • Tooltip support
  • Titles
  • Cell labels

Documentation: HeatmapControl

If you’re an active Universal or DXperience subscriber, and have installed our EAP, use the following link to explore this feature in greater detail: Heatmap - Color Providers (WinForms)

Maps - Create Lines, Polylines and Polygons from a View Model (MVVM enhancements) (WPF)

In our on-going effort to enhance our MVVM bindings, we extended ListSourceDataAdapter to generate lines, polylines, and polygons from a collection of coordinates in a View Model.

We added two new mapping types (MapLineMappingInfo and MapMultipointItemMappingInfo) for lines and multi-point shapes (MapPolylines and MapPolygons).

Documentation: MapLineMappingInfo | MapMultipointItemMappingInfo

If you’re an active Universal or DXperience subscriber, and have installed our EAP, use the following link to explore this feature in greater detail: Map Arrows (WPF)

Maps - Lambert Azimuthal Equal-Area projection support (WinForms, WPF)

This release includes support for a new projection type – the European Terrestrial Reference System 1989 - Lambert azimuthal equal-area (ETRS89-LAEA) projection. To enable this new projection, set the GeoMapCoordinateSystem.Projection property to Etrs89LambertAzimuthalEqualAreaProjection.

You can use this projection to display European Union (EU) maps with minimal distortion.

If you’re an active Universal or DXperience subscriber, and have installed our EAP, select one of the following to explore this feature in greater detail: Map Projections (WinForms) | Map Projections (WPF)

FREE DevExpress Xamarin UI Controls

Deliver high-impact native mobile apps with our feature-rich Data Grid, Scheduler, Chart, TabView, Editors, and utility controls. Reserve your free copy today!
Jonatas Hudler
Jonatas Hudler

Free dashboard canvas dimensioning is a big addition. Thanks!

As I understand, this does not come with free panels positioning, right? The panels will still fill all the available space.

Will be there a "empty space" placeholder (such as the LayoutControl) to fine tune panels positioning?

10 September 2021
Paulo Monteiro melo
Marcio Matos
Very good this layout customization! Some doubts :

1 - Currently, I perform the customization using the SetHeight and SetWidth client-side method, and some other CSS and javascript tweaks. Will the same methods be used to define this customization by code?
Will it be possible to hide the new top bar with the height and width settings and have my own options form? I prefer this bar to be called from a button in the toolbox, displaying a pop-up.

2 - I want to keep my current layout, where the aspxDashboard control, for designer, is displayed inside the asxPageControl control, where there is already a custom button bar with several options like :Save, Save As, Publish, etc, as well as a button to open one. popup and set the width and height.

3 - I consider it important to have this same customization of height and width per TAB within the TabConteiner control. I'll explain what the scenario is: initially, I created the height customization to allow the end user to change this setting. With the arrival of the TAB CONTAINER control, and the possibility of organizing the panel in several TABS, I noticed that the height customization for the entire panel did not serve very well, as there was a certain TAB that needed a greater height to accommodate all the items, but another TAB, which only displayed one frame, looks horrible with the increased height. So I kept the pop-up to allow the definition of the total height of the panel (applicable to all TABs) if the user so wishes, but also, in the TAB CONTAINER control, making use of the new item customization features ( onCustomizeSections ), the user can define, individually in each TAB, if it must obey the general height or if it uses a custom alteraza for the TAB. When the TAB change occurs ( onSelectedTabPageChanged event), I check if there is a custom height for the active TAB and apply it, otherwise, I apply the default height. If necessary, I can send a video demonstrating this feature.
11 September 2021
Alex (DevExpress Support)
Alex (DevExpress)

@Jonatas,

That's correct, new surface size options do not change layout behavior. Custom dashboard items may work as empty space placeholders - however, we will take your suggestion into account when discussing future enhancements.

@Marcio,

Yes, it is possible to modify surface size via the API and use a custom size adjustment UI in Dashboard Designer mode. This should also work when multiple Dashboard controls are displayed in separate tab pages. Please feel free to submit a Support Center ticket if you need assistance. We’ll be happy to help you fine tune your dashboard layouts.

13 September 2021

Please login or register to post comments.