<div class="grid-container">
<h1 class="mat-h1">Dashboard</h1>
<mat-grid-list cols="2" rowHeight="350px">
 <mat-grid-tile *ngFor="let card of cards" [colspan]="card.cols" [rowspan]="card.rows">
  <mat-card class="dashboard-card">
    <mat-card-header>
      <mat-card-title>
        {{card.title}}
        <mat-menu #menu="matMenu" xPosition="before">

        </mat-menu>
      </mat-card-title>
    </mat-card-header>
    <mat-card-content class="dashboard-card-content">
      <h1>Angular/D3.js Bar Chart Component</h1>
      <app-bar-chart *ngIf="chartData" [data]="chartData"></app-bar-chart>


    </mat-card-content>
  </mat-card>
</mat-grid-tile>
</mat-grid-list>
</div>