Class DashboardComponent

An Angular component used for easily rendering a dashboard created in Sisense Fusion.

Note: Dashboard and Widget extensions based on JS scripts and add-ons in Fusion – for example, Blox and Jump To Dashboard – are not supported.

Example

<csdk-dashboard
 *ngIf="dashboard"
 [config]="dashboard.config"
 [defaultDataSource]="dashboard.defaultDataSource"
 [filters]="dashboard.filters"
 [layoutOptions]="dashboard.layoutOptions"
 [styleOptions]="dashboard.styleOptions"
 [title]="dashboard.title"
 [widgets]="dashboard.widgets"
 [widgetsOptions]="dashboard.widgetsOptions"
/>

import { Component } from '@angular/core';
import {
  type DashboardProps,
  DashboardService,
  dashboardModelTranslator,
} from '@sisense/sdk-ui-angular';

@Component({
 selector: 'app-dashboard',
 templateUrl: './dashboard.component.html',
 styleUrls: ['./dashboard.component.scss'],
})
export class DashboardComponent {

 dashboard: DashboardProps | null = null;

 constructor(private dashboardService: DashboardService) {}

 async ngOnInit(): Promise<void> {
   const dashboardModel = await this.dashboardService.getDashboardModel('your-dashboard-oid', { includeWidgets: true, includeFilters: true });
   this.dashboard = dashboardModelTranslator.toDashboardProps(dashboardModel);
 }