<div *ngFor="let data of dashboardDataMulti; index as i">
            <ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-{{i}}" type="light">
                <ngb-panel  title="{{data.name}}">
                    <ng-template ngbPanelContent>
                    <ngx-charts-pie-grid
                              [view]="view"
                              [scheme]="colorScheme"
                              [results]="dashboardDataMulti[data]"
                              [designatedTotal]="100"
                              [animations]="animations"
                              [tooltipDisabled]="tooltipDisabled"
                              (select)="onSelect($event)">
                            </ngx-charts-pie-grid>
                    </ng-template>
                </ngb-panel>
            </ngb-accordion>
        </div>

setTimeout(() => {
      this.generateDashboardData();
      // change the data periodically
      this.dataInterval = setInterval(() => this.generateDashboardData(), 10 * 600);
}, 1000);