Web Dashboard Application on Angular

The following application contains the DevExpress Dashboard Component for Angular. The client side is hosted on the GitHub Pages and gets data from the server side that hosts on DevExpress.com.

Demo: https://devexpress.github.io/web-dashboard-demo/

The Web Dashboard can be rendered on the client side, with data supplied by an ASP.NET Core / ASP.NET MVC backend. This allows you to do the following:

• Publish a Web Dashboard as part of an Angular application.
• Integrate the Web Dashboard into anything that supports HTTP requests (e.g., websites, web applications). See the following demo for details: DevExpress Dashboard Demo).
• Use the Web Dashboard with DevExtreme client-side widgets to create responsive web apps.

Visit our product page for more information about BI Dashboard: DevExpress Dashboard for .NET, Angular, React, and Vue

Demo Structure

This demo application uses the following DevExpress npm packages:

• devexpress-dashboard
• devexpress-dashboard-angular
• @devexpress/analytics-core
• devextreme devextreme-angular

When you create your own application with a Dashboard Angular component, ensure that the following requirements are met:

• The script version on the client side should match the library version (including the minor version) on the server side.
• The DevExpress npm package versions should be identical (major and minor versions should be the same).

The client part is an Angular application, where the DxDashboardControlModule module is used. Take a look at the following files:

• app.module.ts

  Imports the DxDashboardControlModule module.

• app.component.html

  Embeds the dx-dashboard-control component.

• app.component.ts

  Contains the application logic.

The server side of this project is an ASP.NET Core application hosted on DevExpress.com (https://demos.devexpress.com/services/dashboard/api).

Documentation

• Get Started: How to Create a Dashboard Angular Application
• Client-Side Configuration (Angular)
• Server-Side Configuration (ASP.NET Core)
• Server-Side Configuration (ASP.NET MVC)

Examples

• Get Started - Client-Side Dashboard Application (Angular)
• Dashboard Component for Angular - Configuration

License

These files are distributed under the MIT license (free and open-source), but can only be used with a commercial DevExpress Dashboard software product. You can review the license terms or download a free trial version of the Dashboard suite at DevExpress.com.