Dashboard Client-Side Application (Vue)

This example is a ready-to-use client Vue application with the DevExpress Dashboard component.

Documentation: Client-Side Configuration (Vue)

The example uses a modular approach that based on the client-server model. You need a server (backend) project and a client (frontend) application that includes all the necessary styles, scripts and HTML-templates. Note that the script version on the client should match with libraries version on the server up to a minor version.

The server project hosts on https://demos.devexpress.com/services/dashboard/api.

The JS folder contains a client application.

Quick Start 1. Open the JS folder. In the command prompt, download and install npm packages used in the application:

npm install
```

2. In the same folder, run the following commands to compile and run the application:

npm run build
npm run serve
```

3. Open http://localhost:8080/ in your browser to see the result. The HTML JavaScript Dashboard displays the dashboard stored on the preconfigured server (https://demos.devexpress.com/services/dashboard/api).
See Also

Documentation:

• Client-Side Configuration (Vue)
• HTML JavaScript Dashboard Control

Examples:

• Dashboard Client-Side Application (React)
• Dashboard Client-Side Application (Angular)