DevExpress Dashboard – Packages, Modules, TypeScript and Angular (v18.2)

Great news for web developers: with v18.2, our embedded BI Dashboards are first-class citizens of your world, taking full advantage of modules and packages and providing definitions for those of you who prefer TypeScript.

One very common request is to use DevExpress Dashboards in applications created by Angular CLI. We solved this problem by publishing an npm package. Of course you can install this package in any project, using the usual npm or yarn commands. We have run successful tests with several frameworks, including Knockout and Vue.

npm install devexpress-dashboard
... or ...
yarn add devexpress-dashboard

Using Angular

For the Angular use case, a detailed guide is available here. The main step is to create an Angular component for the dashboard, which is made easy by the new package. Here’s a partial code snippet to give you an idea:

import { Component, AfterViewInit, ElementRef } from '@angular/core';
import {
  DashboardControl,
  ResourceManager,
  DashboardPanelExtension } from 'devexpress-dashboard';

...

export class DashboardComponent implements OnInit, AfterViewInit {
  ngAfterViewInit(): void {
    ResourceManager.embedBundledResources();
    var dashboardControl = new DashboardControl(
      this.element.nativeElement.querySelector(".dashboard-container"),  {
        endpoint: "https://demos.devexpress.com/services/dashboard/api",
        workingMode: "Designer"
      });

    dashboardControl.render();
  }

  constructor(private element: ElementRef) { }
}

Note that we consider delivering a standard component in the future. However, we are looking to analyze different projects now that the modular structure is available, to make sure we supply the required set of options and support all important use cases. Please feel free to get in touch and let us know about your scenarios!

TypeScript

The new package contains all the *.d.ts files required for TypeScript, and you can benefit from code completion in your development environment as a result! Of course we fully support .NET Core, so you can even use Macs or Linux machines to create application systems for Dashboards, including frontends and backends.

Join the Webinar

Sign up for the upcoming “New in v18.2 - Dashboards, Reporting & Data Analytics” webinar where:

• you’ll see all the new features/tools/components in v18.2
• you can ask questions and interact with our devs

Click here to register now.

We Would Like To Hear From You!

We try to focus our development efforts in those areas that matter most to you, our customers. Developers have lots of choices these days, which is a good thing - but it also makes our job harder. We would appreciate it very much if you could take the time to submit your responses to the survey below, so we can do an even better job in the future.

Free DevExpress Products - Get Your Copy Today