isabella232 / web-dashboard-demo-preview

Dashboard Angular Application

This is an Angular application that contains the DevExpress Web Dashboard Angular component.

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.

In the following demo, the Dashboard Angular application is hosted on GitHub and the server side is hosted on DevExpress.com.

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

Although Web Dashboard components are available for both Angular and React, you can also create an HTML JavaScript Web Dashboard application.

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.

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)

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.